Div nebeneinander gleich lang
Christoph
- css
Hallo,
ich bekomme 2 div's nebeneinander nicht gleich lang.
Link zur Seite habe ich eingefügt.
der css text:
body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:0px;
margin-bottom:0px;
}
#page{
margin:auto;
background:#FADC46;
width:1000px;
}
#header{
height:100px;
text-align:center;
background:#64B464;
}
#container {
}
#navi{
float:left;
width:180px;
background:#FADC46;
}
#main{
float:right;
width:820px;
background:#f2f2f2;
}
#footer{
margin:auto;
width:1000px;
height:15px;
text-align:center;
background:#64B464;
}
img{
border-style:none;
}
vielen dank
Hi!
mein vorschlag:
http://www.456bereastreet.com/archive/200405/equal_height_boxes_with_css/
Hallo
mein vorschlag:
http://www.456bereastreet.com/archive/200405/equal_height_boxes_with_css/
Untauglich für den meistverwendeten Browser, _egal_ wie sehr du den (nicht) magst. Das solltest du zumindest dazusagen.
Tschö, Auge
Hallo,
danke für eure antworten.
ich bekomme nun den footer richtig drunter, nur ist der navi hintergrund und der main hintergrund nicht gleich lang.
und dem container möchte ich keinen hintergrund geben.
mfg chris
Hallo
ich bekomme nun den footer richtig drunter, nur ist der navi hintergrund und der main hintergrund nicht gleich lang.
..., was bedeutet, dass die boxen nicht die gleiche Höhe haben.
und dem container möchte ich keinen hintergrund geben.
Welchem Container? Dem der Navigation, dem des Inhalts oder dem Buntglascontainer? So stelle ich mir die Struktur deiner Seite aufgrund der Ausführungen in deinem Ausgangsposting vor.
...
<body>
<div id="page">
<div id="header"></div>
<div id="navi"></div>
<div id="main"></div>
<div id="footer"></div>
</div>
</body>
</html>
Da findet sich auch ein Element mit der ID "container", zu dem du allerdings keine Angaben machst.
Tschö, Auge
PS: im Firefox und Internet Explorer sieht es eigenlich doch gleich aus.
Sind das nicht die meisgenutzten Browser?
mfg chris
Hallo
PS: im Firefox und Internet Explorer sieht es eigenlich doch gleich aus.
Sind das nicht die meisgenutzten Browser?
Ja, das sind sie. Mein "Einspruch" bezog sich ausschließlich auf bleichers verlinkten Lösungsansatz, <div>s als Tabelle zu benutzen, der im MSIE <= 6 nicht funktioniert. Der unterstützt den vorgeschlagenen CSS-Ansatz nicht.
Tschö, Auge
Hallo Christoph,
ich bekomme 2 div's nebeneinander nicht gleich lang.
Link zur Seite habe ich eingefügt.
Schau Dir mal YAML von Dirk Hesse an. Er scheint dieses vieldiskutierte Problem gelöst zu haben.
Gruß
Olaf
ich bekomme 2 div's nebeneinander nicht gleich lang.
Das ist ein Tabellenlayout, also verwende eine Tabelle.
Struppi.