Hjælp til css opbygning
Jeg har et stort problem med at opbygge en side med css. Jeg kan ikke få to div's til at stå vandret over for hindanden. Altså lige som man kunne gøre med en tabel:<table>
<tr>
<td>
venstre side
</td>
<td>
højre side
</td>
</tr>
</table>
Jeg har lavet følgende skabelon:
<html>
<head>
<title></title>
<style type="text/css">
body {
font-size: 11px;
font-family: verdana;
margin-left: 2px;
margin-right: 2px;
color: gray;
}
span.headline {
font-size: 20px;
color: black;
}
span.center {
text-align: center;
}
#header {
background-image: url("topbar.jpg");
width: 600px;
height: 20px;
}
#content {
border-left: 1px solid black;
border-right: 1px solid black;
text-align: justify;
background-color: #ffffff;
}
#hold {
width: 600px;
}
#footer {
background-image: url("bottombar.jpg");
width: 600px;
height: 20px;
}
</style>
</head>
<body>
<div align="center">
<div id="container">
<div id="header">
</div>
<div id="hold">
<div id="content">
Venstre: boks 150px menu
Højre: indhold, resten af pladsen. 450px.
</div>
</div>
<div id="footer">
</div>
</div>
</div>
</body>
</html>
Har siddet i et par timer, og prøvet med float eller position:absolute/relative, men jeg kan ikke få noget brugbart ud af det.
Er der en som vil prøve at lave det?
