Fläche mit festem Abstand zum Fensterrand
Richard
- css
2 wahsaga2 Ingo Turski
Hy und Mahlzeit!
Meine Bitte und/oder Frage:
eine Fläche (#box) soll immer den ganzen Fensterbereich ausfüllen, unabhängig von der Auflösung - umlaufend soll allerdings ein Abstand von 10px vom Fensterrand bleiben.
Firefox setzt die Anweisungen unten wie gewünscht um, nur der IE möchte wohl für "width" und "height" einen Pixel- oder Prozentwert statt dem Wert "auto".
Gibt es einen (Um-)Weg, dem IE ähnliches abzuringen ?
Mfg Richard
P.S. Gemeint ist in diesem Fall der IE 5.5.
<html>
<head>
<title>-</title>
<style type="text/css">
<!--
#box
{
position:absolute;
left:10px;
top:10px;
right:10px;
bottom:10px;
width:auto;
height:auto;
background-color:blue;
}
//-->
</style>
</head>
<body>
<div id="box"></div>
</body>
</html>
hi,
Firefox setzt die Anweisungen unten wie gewünscht um, nur der IE möchte wohl für "width" und "height" einen Pixel- oder Prozentwert statt dem Wert "auto".
den möchte er deshalb, weil er nicht in der lage ist, die ausdehnung eines absolut positionierten elementes anhand zweier angegebener eckpunkte zu berechnen.
Gibt es einen (Um-)Weg, dem IE ähnliches abzuringen ?
die vermischung von pixel- und prozentangaben ist in diesem falle das haarige an der sache.
ein denkbarer weg wäre es vielleicht, den IE in den quirks mode zu schicken, und dann mit width/height 100% und einem padding von 10px zu arbeiten - quirks mode -> falsches box model -> breite = width - padding, höhe = height - padding.
eine andere alternative wäre, im CSS für den IE mit der expression-syntax zu arbeiten, um damit die nötigen werte für width und height auszurechnen. "funzt" dann ohne JS aber nicht :-/
gruß,
wahsaga
Hi,
warum nicht einfach body{margin:10px;padding:0;} anstatt der absoluten Positionierung der Box?
freundliche Grüße
Ingo