div layout probleme
Umlüx 04.09.2008 - 11:33 945 4
Umlüx
Huge Metal Fan
|
eigentlich ganz simpel, aber ich steh grad am schlauch, denkfehler, deppat etc.. ich möchte 3 <div> container nebeneinander plazieren. der linke und rechte sollen eine fixe breite haben und menüs darstellen der mittlere ist der content und soll sich in der breite anpassen. <div style=" float:left; width:100px">
menublahblah
</div>
<div style=" float:left">
text text text text text text
</div>
<div style=" float:right; width:50px">
menu2
</div>
mein problem an der sache ist nun dass das rechte menü immer unter den content rutscht wenn ich viel text hab oder das browserfenster verkleiner. ich spiel mich jetzt schon ewig hier rum und komm auf keinen grünen zweig.. halp plox
|
Spikx
My Little Pwny
|
Hm, so zB?: <div style="min-width:800px;">
<div style="float:left; width:200px; height:600px; background:#45A8DF"></div>
<div style="float:right; width:200px; height:600px; background:#45A8DF"></div>
<div style="margin-left:200px; margin-right:200px; min-height:600px; background:#B3DAEF">content</div>
<div style="clear:both"></div>
</div>
//hinweis: IE (selbst der 7er) kann kein min-width/height, da gibt es aber einen kleinen hack //² hack: height:auto!important;height:600px;min-height:600px;
IE implementiert height nämlich so wie min-height. Darüberhinaus versteht der IE das !important nicht. Somit interpretiert der FF etc. diese Angabe dann nur mit min-height und der IE nur das height
Bearbeitet von Spikx am 04.09.2008, 12:48
|
Umlüx
Huge Metal Fan
|
aah du hast das gar ned im textfluss sondern per margins einfach mittig plaziert? interessant
|
Spikx
My Little Pwny
|
Jop, wüsste eigentlich auch gar nicht wie's anders funktionieren könnte . Außer ma nimmt tables :P
|
Umlüx
Huge Metal Fan
|
tables? neh! geh weg damit aber geht wunderbar, dank dir.
|