Steel: position : absolute im IE6

Beitrag lesen

SELF-Forum

position : absolute im IE6

Steel
– Informationen zu den Bewertungsregeln

Moin!

Sowas mach ich eher selten, aber hier:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<style type="text/css">  
* {  
margin : 0;  
padding : 0;  
}  
  
#wrapper {  
position : relative;  
width : 900px;  
margin : 0 auto;  
background:yellow;  
}  
  
#content_right {  
border:0px solid #aaa;  
border-left: 250px;  
margin-top:150px;  
background:white;  
}  
  
#content_left {  
width : 250px;  
margin-top : 150px;  
float : left;  
background:blue;  
}  
  
#header {  
position:absolute;  
width : 100%;  
height : 150px;  
top : 0;  
left : 0;  
background:red;  
}  
  
#footer{  
background:green;  
}  
</style>  
</head>  
<body>  
  <div id="wrapper">  
  
    <div id="content_left">  
      <p>ALLERLEI TEXT!<br>total sinnloser Fuelltext. Alles nur<br> zum testen.  
</p>  
    </div>  
  
    <div id="content_right">  
      <h1>CONTENT</h1>  
	<p>ALLERLEI TEXT!<br>total sinnloser Fuelltext. Alles nur<br> zum testen.  
	</p>  
    </div>  
    <div id="header">  
	<img src="src/gfx/bg_header1.png" usemap="#logo" />  
	<map name="logo">  
       		<area shape="rect" coords="24,31,355,107" href="/" />  
     	</map>  
    	<div id="servicenavi">  
  		<ul>  
    			<li><a href="">Kontakt</a></li>  
    			<li><a href="">Impressum</a></li>  
    			<li><a href="">Sitemap</a></li>  
  		</ul>  
    	</div>  
	<div id="topnavi">  
  		<ul>  
    		<li><a href="/" title="Startseite">Startseite</a></li>  
  		</ul>  
	</div>  
    </div>  
    <div id="footer">  
      <p>footer</p>  
    </div>  
  </div>  
</body>  
</html>

Only IE6 tested. Sollte aber auch in anderen Browsern funktionieren.

--
Ich bin dafuer verantwortlich was ich sage, nicht dafuer, was Du verstehst.
Beitrag melden
–
Informationen zu den Bewertungsregeln