Homepage Design Fehler bei IE?!
Michael
- design/layout
Hallo,
Ich hab folgendes Problem, der IE zeigt mir bei meiner Seite einen weißen Balken über dem Content Bereich, hier ein Screenshot:
http://img.memoryplace.de/viewer.php?id=viu1195747487k.jpg
Bei Mozilla bzw. Firefox wird alles richtig dargestellt, weiß jemand woran das liegen könnte?
Gruß,
Michael
Hier noch mein Quelltext:
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="description" content="MICHA.in - Was sonst?">
<meta name="keywords" content="Micha.in, Micha, Michael, Bidinger, Michael Bidinger, Michael-Bidinger.de, M1chael.de, Extremlaut.net, Webdesign, Design, Coding, Private Seite, Konzerte, Festivalls, Fotos, Bilder, Spiele, Call Of Duty, F.E.A.R., Crysis, Stalker, Multigaming">
<link href="styles.css" rel="stylesheet" type="text/css">
<title>MICHA.in</title>
</head>
<body>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="641" id="AutoNumber1">
<tr>
<td colspan="3">
<img border="0" src="img/layout/oben.png" width="725" height="112" alt=""></td>
</tr>
<tr>
<td>
<img border="0" src="img/layout/links.png" width="356" height="448" alt=""></td>
<td background="img/layout/mitte.png" width="328" height="448">
<style type="text/css"><!--
.examplediv
{
border-style:solid #000000 0px;
padding-left: 4;
padding-right: 10;
}
#divid
{
width:314px; height:448px;
overflow:auto;
}
// --></style>
<div id="divid" class="examplediv">
!!! SEITEN INHALT / CONTENT !!!
</div>
</td>
<td>
<img border="0" src="img/layout/rechts.png" width="41" height="448" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img border="0" src="img/layout/unten.png" width="725" height="38" alt=""></td>
</tr>
</table>
<span style="background-color: #000000">| <a href="index.shtml">Home</a> | <a href="aboutme.shtml">About Me</a> | <a href="webdesign.shtml">Webdesign</a> | <a href="links.shtml">Links</a> | <a href="impressum.shtml">Impressum |</a></span>
<br>
<br>
<span style="background-color: #000000"><font size="1">Diese Seite ist optimiert für <a href="http://www.mozilla-europe.org/de/products/firefox/" target="_blank">Firefox</a> bei einer Auflösung von min. 1024x768 Pixeln</font></span>
<br>
<span style="background-color: #000000"><font size="1">Copyright © 2007 Michael Bidinger</font></span>
<br>
<br>
<a href="http://www.directcounter.de/stats/726167467.htm" target="_blank"><img src="http://www.directcounter.de/dc/?uid=726167467" border="0" alt=""></a>
</center>
</div>
</body>
</html>
Hat keiner eine Idee?
Hat keiner eine Idee?
Wahrscheinlich liegt's daran:
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
Wenn du deine Seite mal bei http://www.validome.com überprüfen lässt, siehst du dass bereits die Doctype-Deklaration (http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp) fehlt, was den IE in den Quirksmodus setzt.
Gruss,
nam