CSS - IE6 hack - top:0 bottom:0

[Migu]

Hallo Zusammen

Bei einem normalen zweispaltigen Layout (Navigation links, gefloatet, Content rechts mit margin-left, beides in einem Container) habe ich folgendes Problem:

Der Content bestimmt die Hoehe des Containers. Die Navigation soll stets so hoch wie der container sein, denn es beinhaltet ein sich wiederholendes Hintergrundbild und ein Teil des Inhalts der Navigation muss sich unten ausrichten.

Dies habe ich fuer Firefox und IE7 folgendermassen geloest:

#navigation {
position: absolute;
left: 0; /* notwendig fuer IE */
top: 0;
bottom: 0
}

Der IE6 hingegen streckt die Navigation nicht automatisch auf die gewuenschte Hoehe. Koennt ihr mir helfen?

Besten Dank, Michael

 

[mschoening]

Hi,
mach doch einfach einen #wrapper drum (um alles) und der bekommt den background von der #navigation.

 

[Migu]

Hi,
mach doch einfach einen #wrapper drum (um alles) und der bekommt den background von der #navigation.

Hi,

Besten Dank fuer die Antwort. Denke, das wird nicht funktionieren. Im Container gibt es ein Hintergrundbild, die Navigation, die darueber liegt hat als Hintergrundbild 1px sich wiederholendes halbtransparentes PNG. Deshalb muss sie bis zum Ende des Containers / Content laufen, sonst siehts merkwuerdig aus.

 

[FUNKayaker]

BTW: der IE6 hat leichte Probleme beim Darstellen von Alpha-Transparenz bei PNGs. Man findet für dieses Problem zwar hier und da Lösungen, aber ich habe bis jetzt noch keine davon zum laufen bekommen. Leider!

 

[mschoening]

Hi,
@Migu: Ja dann kannst du vielleicht noch ein zweites DIV nehmen um die Navigation und Content...und diesem neuen DIV das Hintergrundbild geben...einfach einen 1px hohen Blaken mit der Breite der Navigation. Es geht ja nur darum das du einem DIV welches automatisch so gross wird wie Content ein Hintergrundbild gibst und es hinter der Navigation ist...

 

[dahui]

Hi,
@Migu: Ja dann kannst du vielleicht noch ein zweites DIV nehmen um die Navigation und Content...und diesem neuen DIV das Hintergrundbild geben...einfach einen 1px hohen Blaken mit der Breite der Navigation. Es geht ja nur darum das du einem DIV welches automatisch so gross wird wie Content ein Hintergrundbild gibst und es hinter der Navigation ist...

diese wrapper lösungen nennen sich faux-columns
es scheint jedoch auch eine möglichkeit zu geben, mit der es ohne wrapper funzt, vorgestellt auf den typo3 developer days

hier der podcast (impossible CSS - same column heights)

png im IE6 funzt auch ohne probleme mit dem filter hack

dahui