navigation repeat-x
Nogle der ved hvordan man får sin menu til at "fylde" hele skærmen.http://www.facebook.com, har lige præcis det jeg er efter. Dog er mit ikke en solid farve men en png fil.
Min Css ser således ud: body {
margin-top:0;
margin-left:0;
width: 960px;
margin: auto;
}
#container {
width: 960px;
height: 2500px;
margin:auto;
}
#navbg {
background: url(images/navbg.jpg) repeat-x;
width: 960px;
height: 71px;
margin-top: 0px;
background-repeat: repeat-x;
}
#nyheder {
width: 500px;
height: 300px;
background: #eaeaea;
float: left;
margin-top: 20px;
}
Min 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>Untitled Document</title>
</head>
<body>
<div id="container">
<div id="navbg">((((MIN NAVIGATION SOM SKAL FYLDE HELE SKÆRMEN)))
</div>
<div id="nyheder">
<h1> Nyheder </h1>
Lorum Ipsum
</div>
<div id="film">
<h1> film </h1>
Lorum Ipsum
</div>
.............................