photografx: div in IE7 width:auto problem

Beitrag lesen

SELF-Forum

div in IE7 width:auto problem

photografx
– Informationen zu den Bewertungsregeln

Hi ...

so lange du nicht mit überlappenden ebenen arbeitest ...
solltest du für so "einfache" layouts eher auf Position:absolute verzichten

geht relativ einfach mit floats und margins ... das versteht (mit Ausnahmen *grr*) auch der IE ...

  
<!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>Besser!?</title>  
  
<style type="text/css" >  
body { background:#0099CC;}  
  
#sitearea  {position:absolute; top:2%; left:10%; width: 80%; min-width:800px; max-width:1600px; height:90%; min-height:550px; background-color:#ffffff; padding-top:10px; background:#FFFFFF; }  
  
#banner  {width: auto; margin-left: 10px; margin-right: 10px; padding-left:10px; padding-right:10px; height: 131px;  
      background:#669900;}  
#box1  {  
 width:125px;  
 height:200px;  
 background:#CC6633;  
 float: left;  
 margin: 20px 20px 0px 10px;  
}  
  
#box2  {  
 width:auto;  
 height:auto;  
 background:none;  
 overflow:auto;  
 background:#9999CC;  
 margin: 20px 10px 30px 0px;  
}  
  
</style>  
</head>  
  
  
<body>  
  
<div id="sitearea">  
 <div id="banner"> </div>  
 <div id="box1"> </div>  
 <div id="box2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </div>  
</div>  
  
</body>  
</html>

@sphinx ... du kannst ja einfach im klartext sagen das die Style anweisungen in den <head> gehören ... ;) War wahrscheinlich eh nur ein copy paste versehen ...
lg
Alexx

Beitrag melden
–
Informationen zu den Bewertungsregeln