Hallo,
habe folgendes Problem beim IEv6 unter WinXP (nicht z.B. im FF 1.5.0.
: die Zelle "Zeile1/Spalte2" hat links und rechts einen leeren Spalt und schließt nicht mit den angrenzenden Spalten ab. Das liegt wohl an der Angabe mit height im Bereich kopf_mitte, was wiederum auf den 3-Pixel Bug hindeuten würde. Allerdings kann ich keine Lösung finden, die darauf paßt.
Kann mir jemand sagen, wie ich das Problem lösen kann?
Danke!
Raphalon
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de">
<head>
<title>First site with CSS</title>
<style type="text/css">
* { margin: 0; padding: 0; }
body {
color: black;
background-color:#FFFFF0;
font-size:100.01%;
font-family:Verdana,sans-serif;
margin:0;
padding:1em;
min-width:41em;
}
#zeile_eins {
width:100%;
margin:0;
padding:0;
border:none;
overflow:auto;
}
#zeile_zwei {
width:100%;
margin:0;
padding:0;
border:none;
overflow:auto;
}
/* ------------------ Kopfbereich links: Navigation ------------------ */
#kopf_links {
float:left;
background-color:#E1ADAA;
width:25%;
margin:0;
padding:0;
border:none;
}
/* ------------------ Kopfbereich mitte: Navigation ------------------ */
#kopf_mitte {
background-color:#C7E6C9;
padding:0;
height:6em;
margin-left:25%;
margin-right:25%;
border:none;
}
/* ------------------ Kopfbereich rechts: Navigation ------------------ */
#kopf_rechts {
background-color:#BAE2EE;
float:right;
width:25%;
margin:0;
padding:0;
border:none;
}
/* ------------------ Zentralbereich links: Navigation ------------------ */
#zentral_links {
clear:both;
float:left;
background-color:#F9DEC1;
width:25%;
margin:0;
padding:0;
border:none;
}
/* ------------------ Zentralbereich mitte: Inhalt ------------------ */
#zentral_mitte {
background-color:#E5C1DA;
margin-left:25%;
margin-right:25%;
padding:0;
border:none;
}
/* ------------------ Zentralbereich rechts: Platzhalter ------------------ */
#zentral_rechts {
background-color:#B0CCD4;
float:right;
width:25%;
margin:0;
padding:0;
border:none;
}
</style>
</head>
<body>
<div id="zeile_eins">
<!-- ******************** linker Kopfbereich *********************** -->
<div id="kopf_links">
<p>Kopfbereich links</p>
</div>
<!-- ******************** rechter Kopfbereich *********************** -->
<div id="kopf_rechts">
<p>Kopfbereich rechts</p>
</div>
<!-- ******************** mittlerer Kopfbereich *********************** -->
<div id="kopf_mitte">
<p>Kopfbereich mitte</p>
</div>
</div>
<div id="zeile_zwei">
<!-- ******************** linker Zentralbereich ************************ -->
<div id="zentral_links">
<p>linker Zentralbereich</p>
</div>
<!-- ******************** rechter Zentralbereich *********************** -->
<div id="zentral_rechts">
<p>rechter Zentralbereich</p>
</div>
<!-- ******************** mittlerer Zentralbereich ********************* -->
<div id="zentral_mitte">
<p>mittlerer Zentralbereich</p>
<p>Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext
Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext
Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext
Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext
Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext
Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext
Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext
Testtext Testtext Testtext Testtext Testtext</p>
</div>
</div>
</body>
</html>