1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

CSS - IE6 hack - top:0 bottom:0

Dieses Thema im Forum "Web-Programmierung" wurde erstellt von Migu, 13.10.07.

  1. Migu

    Migu Kaiser Wilhelm

    Dabei seit:
    14.02.04
    Beiträge:
    175
    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:

    Code:
    #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
     
  2. mschoening

    mschoening Gelbe Schleswiger Reinette

    Dabei seit:
    21.02.07
    Beiträge:
    1.764
    Hi,
    mach doch einfach einen #wrapper drum (um alles) und der bekommt den background von der #navigation.
     
  3. Migu

    Migu Kaiser Wilhelm

    Dabei seit:
    14.02.04
    Beiträge:
    175
    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.
     
  4. FUNKayaker

    FUNKayaker Kaiser Wilhelm

    Dabei seit:
    05.05.05
    Beiträge:
    176
    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! :(
     
  5. mschoening

    mschoening Gelbe Schleswiger Reinette

    Dabei seit:
    21.02.07
    Beiträge:
    1.764
    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...
     
  6. dahui

    dahui Carmeliter-Renette

    Dabei seit:
    22.10.06
    Beiträge:
    3.303
    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
     

Diese Seite empfehlen