Hallo!
Ich hab folgendes Problem: wegen einer Hintergrundgrafik muss ich zwei divs so übereinanderlegen, dass beide identische Ecken haben. Die Breite dabei ist fest, nur die Höhe ist abhängig vom Content. In dem unteren div liegt ein Bild, welches den Hintergrund des Contents darstellt. Ich kann das leider nicht als Hintergrundbild einfügen, da es abhängig vom Content div der darüber liegt skaliert werden soll.
Im Moment schaut mein Quellcode so aus:
die css-Datei:
Das Bild ist 700 * 525 Pixel groß. Im Firefox und in Opera funktioniert es dass das Bild größer skaliert wird wenn der Seiteninhalt länger als 525 Pixel ist. Im Konqueror hingegen wird zwar das div im dem das Bild liegt größer skaliert, das Bild selber bleibt aber gleich. Sobald ich zu Testzwecken dem main-div eine feste Höhe skaliert auch der Konqueror richtig.
Gibts da irgendeine Lösung?
Ich hab folgendes Problem: wegen einer Hintergrundgrafik muss ich zwei divs so übereinanderlegen, dass beide identische Ecken haben. Die Breite dabei ist fest, nur die Höhe ist abhängig vom Content. In dem unteren div liegt ein Bild, welches den Hintergrund des Contents darstellt. Ich kann das leider nicht als Hintergrundbild einfügen, da es abhängig vom Content div der darüber liegt skaliert werden soll.
Im Moment schaut mein Quellcode so aus:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Title</title>
<link rel="stylesheet" type="text/css" href="./css/default.css">
</head>
<body>
<div class="main">
<div style="position: relative; z-index: 10; color: #FFFFFF;">
<br /> <br /> <br />Foobar
<br /> <br /> <br />
<br /> <br /> <br />
<br /> <br /> <br />
<br /> <br /> <br />
<br /> <br /> <br />
<br /> <br /> <br />
<br /> <br /> <br />
<br /> <br /> <br />
<br /> <br /> <br />
<br /> <br /> <br />
<br /> <br /> <br />
<br /> <br /> <br />
<br /> <br /> <br />Foobar
</div>
<div style="width: 100%; height: 100%; background-color: #CDCDCD; position: absolute; top: 0px;">
<img src="./img/bgdummy2.png" style="width: 100%; height: 100%;" />
</div>
</div>
</body>
</html>die css-Datei:
Code:
body
{
background-color: #FFAEB9;
}
div.main
{
position: absolute;
left: 50%;
margin-left: -350px;
width: 700px;
color: #000000;
background-color: #FFFFFF;
}Das Bild ist 700 * 525 Pixel groß. Im Firefox und in Opera funktioniert es dass das Bild größer skaliert wird wenn der Seiteninhalt länger als 525 Pixel ist. Im Konqueror hingegen wird zwar das div im dem das Bild liegt größer skaliert, das Bild selber bleibt aber gleich. Sobald ich zu Testzwecken dem main-div eine feste Höhe skaliert auch der Konqueror richtig.
Gibts da irgendeine Lösung?
Zuletzt bearbeitet:
