acubra: Navi-Div-Höhe dem Browser anpassen

Abend zusammen

Ich habe gelesen, dass man "Elemente" am besten in CSS mit <div>'s positioniert. Das ganze möchte ich nun umsetzen.

Leider habe ich aber noch ein kleines Problem damit. Ich möchte meine Navi (links) mit einer Hintergrundfarbe darstellen (height 100%). Soweit so gut, solange ich das mit Firefox teste. Wenn ich das ganze aber mit IE 6 teste, macht der mir die Navi und somit die "Balken-Farbe" nur so hoch, wie da Text ist.

Kann mir da bitte wer helfen, wie ich das auch im IE richtig dargestellt bekomme?

Danke

  1. Hallo acubra.

    Ich habe gelesen, dass man "Elemente" am besten in CSS mit <div>'s positioniert. Das ganze möchte ich nun umsetzen.

    Wo hast du diesen Quark gehört?
    Du kannst Elemente auch ohne eine einzige DIV positionieren.

    Wenn ich das ganze aber mit IE 6 teste, macht der mir die Navi und somit die "Balken-Farbe" nur so hoch, wie da Text ist.

    Lass' mich raten: Du hast min-height:...; verwendet?
    Das versteht der IE nicht (wie so vieles anderes auch).
    Du musst ihm einen expliziten height:...; Wert verpassen.
    Modernen Browsern, wie dem FF gibst du nach wie vor jedoch min-height:...;.

    Suche hierzu nach Conditional Comments, oder meinem Favoriten, dem Star html Hack.

    Gruß, Ashura

    --
    Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|
    Try it: Become an Opera Lover in 30 days
    1. Hi Ashura

      Lass' mich raten: Du hast min-height:...; verwendet?

      Nein, sondern explizit und zwar so:

      position: absolute;
      width: 130px;
      height: 100%;

      ok, werde deinem tipp mal folge leisten. besten dank