Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 09.04.2007, 11:27
LordAvalon LordAvalon ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2007
Beiträge: 13
LordAvalon befindet sich auf einem aufstrebenden Ast
Standard Falsche Darstellung beim Internet Explorer

Hi,

ich habe eine Index.html und eine Style.css. Beim Firefox klappt auch alles exakt so , wie ich es möchte, doch der Internet Explorer setzt zwischen den Hauptinhalt der Seite und den Footer eine Lücke. Ich habe keine Ahnung, wo die herkommt und würde mich freuen, könnte mir jemand helfen.

Hier der Quelltext:

Index.html
Zitat:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
<head>
<title>Test</title>
<meta http-equiv="Content-type" content="text/html; CHARSET=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen">
</head>

<body>
<div id = "wrap">

<!-- Header -->
<div id = "header">

<h1>TOPIC</h1>

</div>


<!-- Inhalt -->
<div id = "inhalt">

<p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </p>

</div>

<!-- Footer -->
<div id = "footer">

</div>

</div>

</body>
</html>
Style.css
Zitat:
*
{
margin: 0;
padding: 1px;
border: 0;
}
body
{
font-size: small;
font-family: 'Tretbuchet MS', Verdana, Arial, Sans-Serif;
text-align: center;
background-color: #000000;
font-size: 100.1%;
font-size: 80%;
}


#wrap
{
width: 90%;
margin: 0 auto;
text-align: left;
}


#header
{
float: left;
width: 100%;
height: 100px;
text-align: right;
border-top: 1px solid #999;
background: #470000;
}

#inhalt
{
float: left;
width: 100%;
border-right: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
border-top: 1px solid #999;
}
#footer
{
float: left;
height: 40px;
width: 100%;
background: #470000;
}

h1, h2, h3, h4, h5, h6
{
font-size: x-large;
margin: 20px;
color: white;
}
p
{
color: white;
margin: 15px 20px;
}
Mit Zitat antworten
Sponsored Links