Footer hängt bei 'besonderen' Browsergrößen in der Luft

[WIK-Lars]

Hallo,

ich möchte also auf Maik's Anraten hin probehalber mein Layout nach diesem Konzept umstellen.

Nun ist es bei mir allerdings so, dass ich statt wie im Beispiel dargestellt 5 statt 4 Blöcke habe. Ich möchte den IE-Workaround im Quirksmode auch nutzen und nun weiß ich nicht genau, wie ich das mit dem #menu-Block machen müsste.

...
<div id="header"><div class="inhalt">header</div></div>
<div id="menu"><div class="inhalt">menu</div></div>
<div id="content"><div class="inhalt">content</div></div>
<div id="right"><div class="inhalt">right</div></div>
<div id="footer"><div class="inhalt">footer</div></div>
...

Bisheriger CSS-Code mit noch freien IE-spezifischen Selektoren:

body { overflow: hidden;
  padding:  }
#header { position: absolute;
   top: 0px;
   left: 0px;
   height: 70px; }
   
* html #header {  }
#menu { position: absolute;
  top: 70px;
  left: 0px;
  height: 25px; }
  
* html #menu {  }
#content { position: absolute;
   top: 95px;
   left: 0px;
   bottom: 25px;
   width: 66%;
   overflow: auto; }
   
* html #content {  }
#right { position: absolute;
   top: 95px;
   right: 0px;
   bottom: 25px;
   width: 34%; }
   
* html #right {  }
#footer { position: absolute;
   left: 0px;
   bottom: 0px;
   height: 25px; }
   
* html #footer {  }

 

[hela]

Hallo,
wieso 5 Blöcke? Ich sehe nur Header, Footer und Seitenblock. Habe ich etwas übersehen?

 

[Maik]

Ich möchte den IE-Workaround im Quirksmode auch nutzen und nun weiß ich nicht genau, wie ich das mit dem #menu-Block machen müsste.

Das Problem, das hierbei auftauchen wird, ist der Umstand, dass Stu Nicholls' Dropdown-Menüs im IE nicht funktionieren, wenn er in den Quirksmode versetzt wird.

 

[WIK-Lars]

Uarrgh, shit! Hättest Du noch einen anderen Lösungsvorschlag, wenn ich auf JavaScript verzichten möchte, Maik?

@hela, das, was Du als Seitenblock siehst, ist unterteilt in einen linken Block 'content' und einen rechten Block 'right'. Der linke Block ist 66% breit, der rechte34%.

 

[Maik]

Wenn Stu Nicholls' CSS-Dropdown-Menüs nicht mehr in Frage kommen, wirst du ohne Javascript kein Dropdown-Menü im IE6 (und älter) zum Laufen bringen - siehe hierzu http://www.htmldog.com/articles/suckerfish/dropdowns/example/.