hensigtsmæssig design + content = 100% - 2*boks...?
mit problem er som det fremgår af overskriften, er dette en hensigtmæssig opbygning??? derudover vil jeg gerne høre hvordan man kan tildele mit indhold den resterende bredde efter at hver menuboks har taget deres 150px? håber at nogen har et svar i ærmet ^^her kommer koden:
style:
body{
margin:0;
background: #fff;
text-align: center;
}
#wrapper{
margin:0 auto;
padding:0;
width:80%;
height:90%;
}
#banner{
width:100%;
height:12%;
clear:both;
}
#vmenu{
float:left;
width:150px;
min-height:500px;
}
#indhold{
margin:10px;
margin-top:0;
padding:5px;
min-height:500px;
text-align:left;
float:left;
width:55%
}
#hmenu{
margin: 0;
float:right;
width:150px;
min-height:500px;
}
#fod {
clear:both;
}
<html>
<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<title>Clement web productions</title>
<link rel="stylesheet" href="style/style.css" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="banner">
<img src="logo.gif">
</div>
<div id="vmenu">
<ul>
<li>venstre menu</li>
<li>punkt1</li>
<li>punkt1</li>
<li>punkt1</li>
<li>punkt1</li>
<li>punkt1</li>
</ul>
</div>
<div id="hmenu">
<ol>
<li>højremenu</li>
<li>punkt1</li>
<li>punkt1</li>
<li>punkt1</li>
<li>punkt1</li>
<li>punkt1</li>
</ol>
</div>
<div id="indhold">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
<div id="fod">
copyright 2009 ©
</div>
</div>
</body>
</html>
