Hej
Jeg har læst lidt og fundet ud af meget. Der er dog lige en lille fejl jeg ikke kan komme til livs. Min hoved side og menu skulle stå ved siden af hunanden, det gød de ikke her er filerne.
Mvh Gf
index.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html>
<head>
<title>Ladelund Efterskole</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css"
href="Layout.css" />
</head>
<body>
<div id="outer">
<div id="Topbilled" align="center"></div>
<div id="Menu"> <span style="padding:5px;font-size:11px;">30 Dec
02</span></div>
<div id="bodyblock" align="right">
<div id="Hovedside" align="Left">Hovedside </div>
<div id="Nyheder">menu </div>
</div>
<div id="nybodyblock" align="right">
<div id="fodv" align="center"> venstre</div>
<div id="fodh" align="left"> Højre</div>
</div>
</div>
</body>
</html>
Layout.css
/* Layout Stylesheet */
body {
margin:20px;
background:#EEEEEE;
color: #333333;
text-align:center;
padding:0;
}
#outer {
text-align:left;
border:1px solid #000000;
width:750px;
margin:auto;
}
#Topbilled {
height:125px;
background:#FFFFFF;
}
#Menu {
height:20px;
background:#c0c0c0;
color: #333333;
border-width:px 0 0 0;
}
#bodyblock {
position:relative;
background: #dcdcdc;
color: #333333;
width:750px;
padding:0;
}
#Hovedside {
float:Left;
background:#dcdcdc;
color: #333333;
width:620px;
border:solid #000000;
border-width:2px
}
#Nyheder {
width:125px;
background:#ffffff;
color: #333333;
border:solid #000000;
border-width:2px;
text-align:left;
}
#nybodyblock {
position:relative;
background: #dcdcdc;
color: #333333;
width:750px;
padding:0;
}
#fodv {
float:Left;
width:620px;
height:25px;
background:#c0c0c0;
color: #333333;
border:solid #000000;
border-width:2px;
margin:0;
}
#fodh {
float:Right;
width:125px;
height:25px;
background:#cccccc;
color: #333333;
border-width:0px;
margin:0;
}
