nicht angemeldet
Header Bild im IE verschoben!
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> </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> </p>
<p>kk</p>
<p>kk</p>
<p>kk</p>
<p>kk</p>
<p> </p>
</div>
<div id="footer">
<p>Footer text
</div>
</div>
</body>
</html>
-
Hi,
Hier meine Seite:
http://home.arcor.de/ffmandre/Fehler beseitigen, dann weitersehen.
MfG ChrisB
--
“Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]-
Hi,
Hier meine Seite:
http://home.arcor.de/ffmandre/Fehler beseitigen, dann weitersehen.
MfG ChrisB
Hy,
so habe die Fehler beseitige. Aber das Problem besteht immer noch! Vielleicht hat ja noch jemand ein Tipp. Wäre sehr dankbar!
Mfg
-
-
Hi,
ich habe ein Problem mit dem Template meiner Seite. Und zwar wird im IE 6 und IE 7 mein Header Bild nach Rechts verschoben!
<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">IE < 8 haben ein Problem mit diesem gefloateten und per relativer Positionierung nach rechts verschobenen Element - der ursprüngliche Platzbedarf wird offenbar trotz Floating reserviert.
Überlege dir, ob du eine andere Art von Positionierung nutzt, um das Element dort rechts ausserhalb des Inhaltsbereiches darzustellen - bspw. absolute Positionierung.
Oder gebe dem Element ein negatives margin-right (wenn Breite bekannt) - das interpretieren IE < 8 dann wiederum von der ursprünglichen Position aus, und so wird #header wieder nach links gezogen.
MfG ChrisB
--
“Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]