dadie
20.12.2004, 16:22
Hi ,
Ich soll für einen Freund ein Design bauen bsiher habe ich folgenden HTML 4.01 Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
body {
background: #A6C0E1;
margin: 5;}
.head {
background: #88A0C0;
padding:3px;
border-left: #6878A0 1px solid;
border-right: #6878A0 1px solid;
border-top: #6878A0 1px solid;
border-bottom: #6878A0 1px solid;
margin-left:5px;
margin-right:5px;
margin-top:5px;
font-size:12px;
margin-bottom:0px;
}
.menu1 {
background: #88A0C0;
padding:3px;
border-left: #6878A0 1px solid;
border-right: #6878A0 1px solid;
border-top: #6878A0 0px solid;
border-bottom: #6878A0 0px solid;
margin-left:5px;
margin-right:5px;
margin-top:0px;
margin-bottom:0px;
font-size:12px;
}
.menu2 {
background: #88A0C0;
padding:3px;
border-left: #6878A0 1px solid;
border-right: #6878A0 1px solid;
border-top: #6878A0 0px solid;
border-bottom: #6878A0 0px solid;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
font-size:12px;
position:absolute; right:9px;
}
.middel {
background: #A6C0E1;
padding:3px;
border-left: #6878A0 0px solid;
border-right: #6878A0 0px solid;
border-top: #6878A0 0px solid;
border-bottom: #6878A0 0px solid;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
font-size:12px;
}
.food {
background: #88A0C0;
padding:3px;
border-left: #6878A0 1px solid;
border-right: #6878A0 1px solid;
border-top: #6878A0 1px solid;
border-bottom: #6878A0 1px solid;
margin-left:5px;
margin-right:5px;
margin-top:0px;
font-size:12px;
margin-bottom:5px;
}
-->
</style>
</head>
<body>
<span class="head" style="width:100%;height:100px; " > </span><br>
<span class="menu1" style="width:160px;" > </span>
<span class="middel" > </span>
<span class="menu2" style="width:160px;" > </span><br>
<span class="food" style="width:100%;height:30px; " > </span><br>
</body>
</html>
Tja bisher nur im IE getestet tja und was tuht Mozilla ? Der zerschiesst das kommplette Design (was woll wieder heisst das ist Drecks HTML)
Nur wo ist der fehler ?
MFG
Dadie
Ich soll für einen Freund ein Design bauen bsiher habe ich folgenden HTML 4.01 Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
body {
background: #A6C0E1;
margin: 5;}
.head {
background: #88A0C0;
padding:3px;
border-left: #6878A0 1px solid;
border-right: #6878A0 1px solid;
border-top: #6878A0 1px solid;
border-bottom: #6878A0 1px solid;
margin-left:5px;
margin-right:5px;
margin-top:5px;
font-size:12px;
margin-bottom:0px;
}
.menu1 {
background: #88A0C0;
padding:3px;
border-left: #6878A0 1px solid;
border-right: #6878A0 1px solid;
border-top: #6878A0 0px solid;
border-bottom: #6878A0 0px solid;
margin-left:5px;
margin-right:5px;
margin-top:0px;
margin-bottom:0px;
font-size:12px;
}
.menu2 {
background: #88A0C0;
padding:3px;
border-left: #6878A0 1px solid;
border-right: #6878A0 1px solid;
border-top: #6878A0 0px solid;
border-bottom: #6878A0 0px solid;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
font-size:12px;
position:absolute; right:9px;
}
.middel {
background: #A6C0E1;
padding:3px;
border-left: #6878A0 0px solid;
border-right: #6878A0 0px solid;
border-top: #6878A0 0px solid;
border-bottom: #6878A0 0px solid;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
font-size:12px;
}
.food {
background: #88A0C0;
padding:3px;
border-left: #6878A0 1px solid;
border-right: #6878A0 1px solid;
border-top: #6878A0 1px solid;
border-bottom: #6878A0 1px solid;
margin-left:5px;
margin-right:5px;
margin-top:0px;
font-size:12px;
margin-bottom:5px;
}
-->
</style>
</head>
<body>
<span class="head" style="width:100%;height:100px; " > </span><br>
<span class="menu1" style="width:160px;" > </span>
<span class="middel" > </span>
<span class="menu2" style="width:160px;" > </span><br>
<span class="food" style="width:100%;height:30px; " > </span><br>
</body>
</html>
Tja bisher nur im IE getestet tja und was tuht Mozilla ? Der zerschiesst das kommplette Design (was woll wieder heisst das ist Drecks HTML)
Nur wo ist der fehler ?
MFG
Dadie