nicht angemeldet
Hallo,
hoffe, dass mir hier jemand weiter helfen kann.
Mein Problem: Ich habe einen Div - Bereich als
Box zur Ausgabe von Fließtext. Als Hintergrund
habe ich ein Image mit genau den Abmessungen des
Div - Bereichs. Zusätzlich habe ich den Div -
ueber top und left Eigenschaft absolut positioniert.
Ueber "overflow:auto" will ich außerdem sicherstellen,
dass auch bei anderer Browsereinstellung mein Fließtext
nicht über die Grenzen des Div- Bereichs läuft.
Funktioniert mit IE6.0 auch einwandfrei. Beim Mozilla1.4
habe ich jedoch das Problem, das das Hintergrundbild um
den Betrag der Positionierung des Div - Elements versetzt
ist. Versuche ich das über die Hintergrund Possitionierung
auszugleiche, stimmt das ganze natürlich nicht mehr im IE.
Warum eigentlich possitioniert der Mozilla Hintergrund-
bilder nicht in Bezug auf das betreffende Element, sondern
wie in meinem Fall in Bezug auf den Body.
Hier noch mal mein Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Verzweiflungstest</title>
<style>
#karte {
position:relative;
top: 100px;
left: 100px;
width: 250px;
height: 338px;
background: url("images/1.jpg") fixed;
overflow: auto;
}
.content {
color: #eeeeee;
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
}
</style>
</head>
<body>
<div id="karte">
<p class="content">
test tset test test test tset tset
test tset test test test tset tset
.... (bis zum Überlauf)
</p>
</div>
</body>
</html>
Vielen Dank und viele Gruesse
Oliver