mika: position : absolute im IE6

Beitrag lesen

Moin! :-)

super, vielen Dank!!!

Habs eben schnell mal kopiert und im IE6 getestet und es funzt!

Im IE8 wirds noch nicht 100% richtig angezeigt.
content-right wurde dort nicht angezeigt. Nach dem man dies aber rechts floatet wirds sichtbar. footer und Background von wrapper werden im IE8 noch nicht angezeigt, das werd ich aber auch noch irgendiwe hinkriegen.

Hab nur nocht nicht verstanden, was du da jetzt großartig geändert hast?
Muss mir das mal genauer anschauen.

Nochmals vielen Dank!!!

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.  
>