Hintergrundbild: Höhe von Containern
bytecounter
- css
0 wahsaga0 bytecounter0 wahsaga0 bytecounter0 Hopsel
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
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
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;
}
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
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).
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
Hi,
body war korrekt, aber html fehlte...hätte ich auch selber drauf kommen können.
Danke!!
Bytecounter