1
Guten Tag,
ja, ich bin Anfänger und bastel eine Seite mit CSS - die Seite entspricht mit Safari, Opera und Firefox genau meinen Erwartungen, nur im IE ist eine Lücke zu sehen. Wo liegt der Fehler???
Der Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Flexitel Laufgruppe</title>
<style>
h1{color: #0080C0;
text-align: center;
}
div{
font-family: Arial, Helv, Helvetica, sans-serif;
}
#oben1{
position: absolute; top:0px;left: 10%;
width: 80%;
height: 15%;
background: white;
}
#oben2 {
position: absolute; top: 15%;left: 10%;
width: 80%;
height: 3%;
padding: 0px;
background:grey;
}
#farbig1 {
position: absolute;top: 18%;left: 10%;
width: 25%;
height: 24%;
background: rgb(217, 172, 173);
}
#farbig2 {
position: absolute; top: 42%;left: 10%;
width: 25%;
height: 24%;
padding: 0px;
background: rgb(245, 188, 137);
}
#farbig3 {
position: absolute; top: 66%;left: 10%;
width: 25%;
height: 24%;
padding: 0px;
background: rgb(242, 211, 157);
}
#inhalt {
position: absolute; top:18%;left: 35%;
width: 55%;
height: 72%;
padding: 0px;
background: white;
}
</style>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(192, 192, 192);" alink="#000099" link="#000099" vlink="#990099">
<div id="oben1">
</div>
<div id="oben2">
</div>
<div id="farbig1"><br>
</div>
<div id="farbig2">
</div>
<div id="farbig3">
</div>
<div id="inhalt">
</div>
</body>
</html>
ja, ich bin Anfänger und bastel eine Seite mit CSS - die Seite entspricht mit Safari, Opera und Firefox genau meinen Erwartungen, nur im IE ist eine Lücke zu sehen. Wo liegt der Fehler???
Der Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Flexitel Laufgruppe</title>
<style>
h1{color: #0080C0;
text-align: center;
}
div{
font-family: Arial, Helv, Helvetica, sans-serif;
}
#oben1{
position: absolute; top:0px;left: 10%;
width: 80%;
height: 15%;
background: white;
}
#oben2 {
position: absolute; top: 15%;left: 10%;
width: 80%;
height: 3%;
padding: 0px;
background:grey;
}
#farbig1 {
position: absolute;top: 18%;left: 10%;
width: 25%;
height: 24%;
background: rgb(217, 172, 173);
}
#farbig2 {
position: absolute; top: 42%;left: 10%;
width: 25%;
height: 24%;
padding: 0px;
background: rgb(245, 188, 137);
}
#farbig3 {
position: absolute; top: 66%;left: 10%;
width: 25%;
height: 24%;
padding: 0px;
background: rgb(242, 211, 157);
}
#inhalt {
position: absolute; top:18%;left: 35%;
width: 55%;
height: 72%;
padding: 0px;
background: white;
}
</style>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(192, 192, 192);" alink="#000099" link="#000099" vlink="#990099">
<div id="oben1">
</div>
<div id="oben2">
</div>
<div id="farbig1"><br>
</div>
<div id="farbig2">
</div>
<div id="farbig3">
</div>
<div id="inhalt">
</div>
</body>
</html>