Kan ikke få css til at virke
Har fundet noget gammel css kode, som jeg forsøger at strikke sammen til følgende struktur:En header, som dækker hele skærmens bredde.
Derunder en menu i venstre side, med et bestemt antal pixels bredde
Og til højre for den skal indholdsvinduet fylde resten af skærmen.
Er der en, der gider se, hvad jeg gør galt:
Herunder kommer først html filen, og derunder en del af css-filen.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<!-- Minus AutoDato -->
<title>Titel</title>
<META Name="description" Content="Indhold">
<META Name="keywords" Content="stikord">
<meta HTTP-EQUIV="imagetoolbar" CONTENT="no">
<link rel="stylesheet" href="css/ba.css" type="text/css">
</head>
<body>
<div id="side">
<div style="text-align:center"><H1>Overskrift</H1><br></div>
<div id="cont">
<div style="text-align:left"><H1>Indhold</H1>
</div> <!-- cont -->
<div id="menu">
menu<br><br>menu<br><br>menu<br><br>menu<br><br>menu<br><br>menu<br><br>menu<br><br>menu<br><br>menu<br><br>menu<br><br>menu<br><br>
</div><!-- menu -->
</div> <!-- side -->
</div>
</body>
</html>
OG SÅ FRA CSS FILEN
body {
margin:0px;
padding:0;
background-color: #999999;
height:100%;
background-image: url(aaa.gif);
color: #000000;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-style: normal;
line-height: 150%;
}
div#side {
width: 100%;
margin:0 auto;
position:relative;
background-color: #f705cc;
background-image: url(../p/bag-cy-1.gif);
background-position: left top;
background-repeat: repeat;
}
div#ramme {
position:relative;
top: 40px;
left: 0;
width: 100%;
background-color: #343434;
padding-bottom: 50px;
}
div#menu {
float:left;
width:300px;
padding-left: 6px;
padding-top: 25px;
background-color: #f70516;;