nicht angemeldet
Problem mit flexiblen DIV-Layout
Hallo liebe Mindestfizeweltmeister ;o)
Hat jemand Erfahrung mit flexiblen DIV-Layouts? Folgendes Problem: Das Layout soll ohne Tabellen auskommen und flexibel auf Bildschirmauflösungen reagieren. Die Seite ist nach folgendem Schema aufgebaut; das Design passt sich praktisch allen Auflösungen an:
1.Zeile: Titelzeile (100%)
2.Zeile: linke Spalte (170px) - mitte (flex) - rechte Spalte (170px)
3.Zeile: Fussleiste (100%)
Jetzt hab ich mir folgendes zusammengecodet und funktioniert auch mit dem IE6, leider aber mit dem NS 6.2 nicht so ganz...
<!-- schnipp -->
<html>
<body style="margin:10px">
<!-- Titelleiste -->
<div style="position:relative;
height:100px;
background-color:#555;
text-align:center">
Titelleiste
</div>
<!-- Mittelteil -->
<div style="float:left;
background-color:#aaa;
width:100%;
text-align:center">
<div style="float:left;
top:0px;
left:0px;
width:170px;
background-color:#666">
Linkes Menu
</div>
<div style="float:right;
top:0px;
right:0px;
width:170px;
background-color:#666">
Rechtes Menu<br>1.Punkt<br>2.Punkt<br>
</div>
Anzeigefenster
</div>
<!-- Fussleiste -->
<div style="float:left;
background-color:#aaa;
width:100%;
text-align:center;
background-color:#555">
Fussleiste
</div>
</body>
</html>
<!-- schnapp -->
Problem: Während die Fußleiste beim IE nach unten geschoben wird, wenn das rechte oder linke Menü mit mehrzeiligen Inhalt gefüllt wird, durchschreibt NS die Fußleiste ganz dreist. Gibt es dafür eine simple Lösung, oder ist das (mal wieder) ein Problem der unterschiedlichen Browserinterpretation?
Es wär auch interessant zu Erfahren, wie andere Browser darauf reagieren...
Danke für die Mühe :o)
-
So, ich habe das jetzt mal mit IE6, Opera6 und Mozilla1 getestet... funktioniert bei allen wunderbar. Es ist wohl wieder Netscape, welcher Probleme bereitet. Warum muß man sich nur immer wieder über diesen Browser ärgern?
Übrigens MindestFizeweltmeister = MindestVizeweltmeister *peinlich* ;o)