Andreffm: Header Bild im IE verschoben!

Beitrag lesen

SELF-Forum

Header Bild im IE verschoben!

Andreffm
– Informationen zu den Bewertungsregeln

Hallo,

ich habe ein Problem mit dem Template meiner Seite. Und zwar wird im IE 6 und IE 7 mein Header Bild nach Rechts verschoben!

Hier meine Seite:
http://home.arcor.de/ffmandre/

Hier könnte Ihr schauen wie die Sache im IE 6 und IE 7 aussieht:

http://meineipadresse.de/netrenderer/index.php

Im IE 8, Opera, und FIrefox sieht alles ok aus. Kann mir vielleicht jemand ein Tipp geben?

Hier mein Code:

CSS:

  
body {  
margin:0 auto;  
padding:0;  
font:76% Verdana,Tahoma,Arial,sans-serif;  
background:#eaeaea url(img/bg.gif) top center repeat-y;  
color:#3a3a3a;  
}  
#wrap {  
background-color:#ffffff;  
color:#303030;  
margin:0 auto;  
padding:1px 5px;  
width:760px;  
}  
#header {  
color:#505050;  
background:#ffffff url(img/front.jpg) bottom left no-repeat;  
height:250px;  
margin:0 0 10px 0;  
padding:0;  
}  
#avmenu {  
clear:left;  
float:left;  
width:150px;  
margin:0 0 10px 0;  
padding:0;  
}  
#content {  
margin:10px 140px 10px 160px;  
padding:0;  
line-height:1.5em;  
text-align:left;  
}  
#footer {  
clear:both;  
margin:0 auto;  
padding:8px 0;  
border-top:2px solid #dadada;  
width:760px;  
text-align:center;  
color:#808080;  
background-color:#ffffff;  
font-size:0.9em;  
}

Index:

  
<!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" xml:lang="en" lang="en">  
<head>  
<link rel="stylesheet" type="text/css" href="de.css" media="screen,projection" />  
<title>SV test- News</title>  
</head>  
<body>  
<div id="wrap">  
<div style="position:relative;float:left;left:770px;width:50px;  background-color:#e4c9cd;">  
<p>Das ist ein Test für das DIV.  
</div>  
<div id="header">  
<p><strong></strong></p>  
</div>  
<div id="avmenu">  
<h2 class="hide">Menu</h2>  
<p class="hide">1huu</p>  
<p class="hide">1uu</p>  
<p class="hide">1zz</p>  
</div>  
<div id="content">  
    <p>&nbsp;</p>  
    <p>jioioiioi</p>  
    <p>juiiooi</p>  
    <p>kkk</p>  
    <p>kkkkkk</p>  
    <p>kkk</p>  
    <p>kkk</p>  
    <p>kkk</p>  
    <p>kkk</p>  
    <p>kk</p>  
    <p>&nbsp;</p>  
    <p>kk</p>  
    <p>kk</p>  
    <p>kk</p>  
    <p>kk</p>  
    <p>&nbsp;</p>  
</div>  
<div id="footer">  
<p>Footer text  
</div>  
</div>  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln