1
Moin!
Ich hab folgendes Problem:
Ich möchte ein Website erstellen, die nur auf XHTML und CSS basiert. Dazu hab ich ein großes DIV als Seitencontainer benutzt, in dem dann oben links ein DIV für die Navigation und rechts daneben ein DIV für den Header. Darunter soll dann noch ein content DIV kommen.
Klingt ja alles gut und schön, aber wenn ich jetzt mein Headerbild, welches die gleiche Größe wie das Header-DIV hat, in eben diesen DIV-Container packe, dann erweitert der IE 6 diesen DIV-Container um ca 5px nach unten, wodurch allerdings eine hässliche weiße Zeile zwischen dem oberen Teil und dem content DIV entsteht.
Hier mal die CSS:
und hier noch die HTML:
Vielleicht kann mir hier jemand weiterhelfen.
MfG
Marcel
Ich hab folgendes Problem:
Ich möchte ein Website erstellen, die nur auf XHTML und CSS basiert. Dazu hab ich ein großes DIV als Seitencontainer benutzt, in dem dann oben links ein DIV für die Navigation und rechts daneben ein DIV für den Header. Darunter soll dann noch ein content DIV kommen.
Klingt ja alles gut und schön, aber wenn ich jetzt mein Headerbild, welches die gleiche Größe wie das Header-DIV hat, in eben diesen DIV-Container packe, dann erweitert der IE 6 diesen DIV-Container um ca 5px nach unten, wodurch allerdings eine hässliche weiße Zeile zwischen dem oberen Teil und dem content DIV entsteht.
Hier mal die CSS:
.container {
margin:50px auto;
border:1px solid;
height:700px;
width:760px;
}
.left {
float:left;
height:189px;
width:189px;
background-color:rgb(255,0,0);
border-right:1px solid;
border-bottom:1px solid;
}
.right {
float:left;
height:189px;
width:570px;
border-bottom:1px solid;
}
.bottom {
clear:both;
height:349px;
width:760px;
background-color:rgb(0,255,0);
}und hier noch die HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>ProLAN EDV-Service</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="container">
<div class="left">
<ul>
<li><a href="index.html">Startseite</a></li>
<li><a href="services.html">Leistungen</a></li>
<li><a href="about.html">Über uns</a></li>
<li><a href="contact.html">Kontakt</a></li>
<li><a href="imprint.html">Impressum</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
</ul>
</div>
<div class="right">
<img src="img/header.jpg" />
</div>
<div class="bottom">
<p>HalloHalloHalloHalloHalloHalloHalloHalloHalloHalloHalloHalloHalloHalloHalloHalloHalloHalloHalloHalloHalloHalloHallo</p>
</div>
</div>
</body>
</html>Vielleicht kann mir hier jemand weiterhelfen.
MfG
Marcel