bytecounter: Hintergrundbild: Höhe von Containern

Hallo,

ich habe folgendes Problem und finde keine Lösung (vllt bin ich auch nur zu doof..). Insbesondere, da ich eine entsprechende Frage im Forum bisher noch nicht finden konnte...

Ich habe einen Block B (DIV-Tag), direkt unterhalb eines anderen Blocks A mit definierter Höhe angeordnet. Block B soll bis zum unteren Fensterrand ein Hintergrundbild mit repeat-y anzeigen. Die Browser (FF und IE) erstellen den Block aber nur in der Grösse, wie auch Inhalt vorhanden ist. Wie kann ich die volle Höhe erzwingen?

Hier mal der Auszug aus der CSS:

#menu {
 position:relative;
 width:255px;
 height:100%;
 margin-left:1px;
 float:left;
 background-image:url(images/bg_nav.gif);
 background-repeat:repeat-y;
 z-index:3;
}

Danke für Eure Hilfe!!

Bytecounter

  1. hi,

    Die Browser (FF und IE) erstellen den Block aber nur in der Grösse, wie auch Inhalt vorhanden ist. Wie kann ich die volle Höhe erzwingen?

    Worauf beziehen sich Höhenangaben in Prozent? Auf die Höhe der Vorfahrenelemente. Hast du für diese auch eine Höhe angegeben?

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Jep, die ist ebenfalls mit 100% angegeben.

      Hier der Auszug:

      #main {
       position:relative;
       margin:auto;
       width:905px;
       height:100%;
       text-align:left;
       z-index:10;
      }

      1. hi,

        Jep, die ist ebenfalls mit 100% angegeben.

        Ich sprach von Vorfahrenelemente(n) - Plural.
        Du antwortest mit "die ist" - Singular.

        Hier der Auszug:

        #main {

        Nein, das werden wohl kaum alle Vorfahrenelemente deines Containers sein.
        Ein Div hätte _mindestens_ zwei Vorfahrenelemente, also reicht eine ID gar nicht aus um alle diese zu selektieren.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        1. Hmm...nu versteh ich das nicht mehr. Also hier mal der Auszug aus der HTML-Datei, vllt hab ich da schon was falsch...

          <body>

          <div id="header">text</div>

          <div id="main">
              <div id="menu">text</div>
              <div id="content">text</div>
            </div>

          <div id="footer">text</div>

          </body>

          die relevanten CSS-Eigenschaften sind bereits gepostet (hoffe ich).

          1. Hi bytecounter!

            die relevanten CSS-Eigenschaften sind bereits gepostet (hoffe ich).

            Nein. Welche Höhen hast du für body- und html-Element angegeben?

            MfG H☼psel

            --
            "It's amazing I won. I was running against peace, prosperity, and incumbency."
            George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
            Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
            1. Hi,

              body war korrekt, aber html fehlte...hätte ich auch selber drauf kommen können.

              Danke!!
              Bytecounter