CSS hjælp?
Hejsa kloge hovedet....Jeg har siddet og knoklet med noget css, men jeg kan squ ikke lige få lortet til at virke....
Ideen er at jeg vil have 3 lodrette "DIV"er, som altid er lige høje. til sidst skal der kommer en "footer".
Skidtet virker fint hvis jeg definere en fast højde, men jeg vil gerne have at højde kan variere afhængig af indholdet i de "DIV" erne.
Her er min kode:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>test</TITLE>
<link rel="stylesheet" type="text/css" href="test.css">
</HEAD>
<BODY>
<div id="topbar"></div>
<div id="topmenu"></div>
<div id="reklamer"></div>
<div id="grafikbar"></div>
<div id="container">
<div id="menu">jkjkjkj<br>kjkjkjkj<br>kjkjkjk</div>
<div id="indhold"></div>
<div id="nyheder"></div>
<div id="bundbar"></div>
</div>
</BODY>
</HTML>
CSS:
html, body {
height: 100%; /* Required */
}
#topbar
{
width:900px;
height:150px;
background-color: black;
}
#topmenu
{
width:900px;
height:30px;
background-color: yellow;
}
#reklamer
{
width:900px;
height:75px;
background-color: green;
}
#menu
{
width:230px;
float: left;
background-color: #3300ff;
height: 100%;
}
#indhold
{
width:440px;
float: left;
background-color: #ff3300;
height: 100%;
}
#nyheder
{
width:230px;
background-color: #ff00ff;
float: left;
height: 100%;
}
#bundbar
{
width:900px;
background-color: yellow;
height: 30px;
float:left;
}
#container
{
width:900px;
background-color: #ff0000;
height: 30px;
float:left;
}
Håber der en nogen der kan hjælpe mig med mit lille problem...
/Jademutter
