grafgarf: DIV mit Randabstand positionieren uns skalieren (IE6 Problem)

Servus miteinander...

ich habe folgendes Problem: Das rote DIV (testfeld) soll relativ von Rand des Anzeigefensters positioniert und skaliert werden d.h. ich möchte immer die gegebene Abstände zum Rand haben und die Größe soll sich dementsprechend anpassen. Firefox, Opera, Safari, IE7 ... alle spielen mit ... nur IE6 (mal wieder) nicht ... habe schon wie wild gegoogelt - bin aber zu keinem brauchbaren workaround gekommen ... und langsam sehe ich auch nur noch bunte pixel ... vielleicht hat hier einer den schubs in die richtige richtung ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>testseite</title>  
<style type="text/css">  
<!--  
body {  
 background-color: #FFFFFF;  
 margin:0px;  
 position: absolute;  
 height: 100%;  
 width: 100%;  
 overflow: auto;  
 min-height: 600px;  
  
  }  
html {  
 position: absolute;  
 height: 100%;  
 width: 100%;  
 min-height: 600px;  
}  
  
#testfeld {  
 background-color: #FF0000;  
 left: 215px;  
 top: 185px;  
 right: 50px;  
 bottom: 30px;  
 position: absolute;  
 height: auto;  
 width: auto;  
}  
-->  
</style>  
</head>  
  
<body>  
<div id="testfeld"></div>  
</body>  
</html>
  1. Hi,

    ich habe folgendes Problem: Das rote DIV (testfeld) soll relativ von Rand des Anzeigefensters positioniert und skaliert werden

    Und wieso positionierst du dann alles absolute?
    Sogar html und body - das ist, gelinde gesagt, "unorthodox", und nur in absoluten Ausnahmefaellen kann ich mir das als sinnvolle Moeglichkeit, ein Layout zu gestalten, vorstellen.

    Kannst du schluessig beschreiben, was du damit konkret erreichen willst?

    d.h. ich möchte immer die gegebene Abstände zum Rand haben und die Größe soll sich dementsprechend anpassen.

    Also eigentlich nur automatische Breite, und margin fuer die Abstaende. Was willst du denn jetzt eigentlich mit absoluter Positionierung?

    MfG ChrisB

    --
    „This is the author's opinion, not necessarily that of Starbucks.“
  2. Hi!
    unter http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position steht "Beachten Sie:..."
    das dürfte dich interessieren.

    LG Ulysses