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;
}
|