nicht angemeldet
Hallo zusammen,
ich schlage mich mit folgenden Problem herum: Ich versuche ein div über die komplette Browserseite zu legen. Der Abstand zu den Rändern des Browserfensters sollte 10px betragen. Außerdem sollte das div seine Größe dynamisch an die Größe des Browserfensters anpassen, wenn man diese ändert.
Das klappt auch alles wunderbar in den Browsern Mozilla Firefox 2 und Opera 9. Leider entspricht die gewünschte Anzeige aber nicht dem Resultat im Internet Explorer 6. Dieser zeigt das div nur so groß an, wie auch der Text im div ist, er passt also die Größe des divs an seinen Inhalt an.
Hier mal mein Code:
---------------test.html---------------
<body>
<div id="hintergrund">
Grauer Hintergrund mit Rand. Abstand nach oben, unten, rechts und links: 10px
</div>
</body>
---------------------------------------
---------------test.css----------------
#hintergrund {
position:absolute;
top:10px;
left:10px;
right:10px;
bottom:10px;
background-color:#F3F3F3;
border:solid;
border-width:1px;
border-color:#CCCCCC;
}
---------------------------------------
Hier könnt ihr euch das Beispiel anschauen:
http://www.mitglied.lycos.de/burrrob/test/test.html
Irgendwie kann ich mir nicht vorstellen, dass es zu diesem Problem bisher keine Beiträge gab, leider konnte ich aber keine hilfreichen Postings finden. Freue mich also auf Antworten, tippe auf eine simple Lösung ;)
Gruß Ralle