Hej udviklere, jeg har et problem med min css og html style.
min content_ramme div box vil ikke stå på side med min venstre_menu_ramme div box.. nogen som kan se fejlen
?
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ungesliv - Unges Mødested På Nettet</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="ramme">
<div id="top_ramme">
<div id="top_logo"></div>
<div id="top_linje"></div>
</div><!-- Top ramme slut -->
<div id="venstre_menu_ramme">
<div id="menu"></div><!-- Menu slut -->
<div id="reklame"></div><!-- Reklame slut -->
</div><!-- Venstre menu ramme slut -->
<div id="content_ramme">
<div id="top_menu"></div><!-- top menu slut -->
<div id="sog"></div><!-- Sog slut -->
<div id="content"></div><!-- Content slut -->
</div><!-- Content ramme slut -->
<div id="bund_ramme">
<div id="bund_v"></div>
<div id="bund_linje"></div>
</div><!-- Bund ramme slut -->
</div><!-- Ramme slut -->
</body>
</html>
Style.css
/* Dette style sheet er lavet af Simon Jensen, og må frit bruges af Henrik og Rasmus */
#ramme {
height: 768px;
width: auto;
margin-right: auto;
margin-left: auto;
}
#top_ramme{
width: auto;
height: 144px;
float: left;
}
#top_logo{
background-image: url(../images/top_logo.jpg);
height: 145px;
width: 970px;
float: left;
}
#top_linje{
background-image: url(../images/top_lijne.jpg);
height: 145px;
width: auto;
float: left;
}
#venstre_menu_ramme{
float: left;
height: 395px;
width: 234px;
clear: left;
background-image: url(../images/menu.jpg);
}
#menu{
height: 250px;
width: 234px;
float: left;
}
#reklame{
height: 145px;
width: 234px;
float: left;
}
#content_ramme{
height: 200px;
width: 200px;
float: left;
}
#top_menu{
}
#sog{
}
#content{
}
#bund_ramme{
}
#bund_v{
}
#bund_linje{
}