Einfach Design ; Verzerrt sich total o_O
Hi ,
Ich bin mal wieder dabei ein Webdesign herrzustellen den wie sagt man nur aus asche kann ein Phonix entstehn ^^ Tja. nur stosse ich auf ein Problem was ich nicht lösen kann :
index.html
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<link rel="stylesheet" href="./default.css" type="text/css">
</head>
<body>
<div class="head" > </div>
<div class="menu" >Menu</div>
<div class="content" > </div>
</body>
</html>
default.css
Code:
A {text-decoration: none; color: #000000;}
A:visited{text-decoration: none; color: #000000;}
A:active{text-decoration: none; color: #000000;}
A:hover{text-decoration: underline; color: #000000;}
body {
text-align:center ;
background-color: #FFFFFF;
margin: 10px auto;
}
A .menu{text-decoration: none; color: #000000;}
A:visited.menu{text-decoration: none; color: #000000;}
A:active.menu{text-decoration: none; color: #000000; margin-left:2px;}
A:hover.menu{ text-decoration:none; color: #000000; margin-left:2px; }
.head {
width:100% ;
border: 1px solid #000000 ;
background-color:#018fe1 ;
position:absolute; left:25px;right:25px;top:10px;
height:87px;
}
.menu {
width:163px ;
border: 1px solid #000000 ;
background-color:#3ec0fc ;
position:absolute; left:25px;top:108px;
}
.content {
width:100% ;
border: 1px solid #000000 ;
background-color:#3ec0fc ;
position:absolute; right:25px;left:198px;top:108px;
}
Irgentwie sah das in meinem Kopf ganz anderrs aus bzw. der Head ist zu klein und der content viel zu Gross o_O nur warum ? Ich ahne schon das width 100% des verfügbaren browser fensters errechnet und nett den verfügbaren platz zwischen 198px und 25px -.-
Naja weiss jemand ne Lösung für das Problem ?
Mfg Dadie
