Hintergrundbild in Opera/Firefox
miri
- css
0 wahsaga
Hallo,
ich habe ein kleines Problem mit einer Darstellung in CSS. Der IE zeigt alles "richtig" an, Opera und FF ignorieren das Hintergrundbild, weil eine absolute Höhenangabe fehlt.
in CSS:
#content #body {
margin: 0px;
padding: 0px;
background: url("../images/bg-body.jpg") top left repeat-y;
}
#leftcolumn {
width: 198px;
float: left;
}
#rightcolumn {
width: 540px;
padding: 5px 15px 5px 15px;
float: right;
}
in HTML:
<div id="body">
<div id="leftcolumn"><p> </p></div>
<div id="rightcolumn"><h1>TEST</h1>
<p>Zeile 1</p><p>Zeile 2</p><p>Zeile 3</p></p>
</div>
</div>
Das Hintergundbild soll bei Größenänderungen der beiden Child-DIVs "mitwachsen".
Gibt es eine Lösung oder muss ich auf Tabellenlayout ausweichen?
Miri
hi,
ich habe ein kleines Problem mit einer Darstellung in CSS. Der IE zeigt alles "richtig" an, Opera und FF ignorieren das Hintergrundbild, weil eine absolute Höhenangabe fehlt.
Entweder hebst du hinter den beiden gefloateten Elementen das Fließen mit einem clearenden Element wieder auf, damit body "Höhe bekommt" - oder du definierst einfach eine Mindesthöhe von 100% für html und ggf. body.
gruß,
wahsaga