Margin -- Lystrer ikke.
Hej...Jeg sidder og er ved at lege med en grundopbygning af en hjemmeside.
Men jeg er stødt på et problem med probertien "margin", jeg kan ikke se hvorfor følgende kode ikke får den "IndreDiv" til at have en margin på nul i toppen, sådan at den ligger helt op til "GenvejListe", ligeledes forstår jeg heller ikke at "IndreDiv" ikke har en margin på 50px i bunden ud til borderen af "HovedDiv".
Her er min kode :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>
Min Title.!!
</title>
<style type="text/css">
#HovedDiv {
background: #DEB887;
width: 950px;
height: auto;
margin: auto;
}
#BilledDiv {
background: black;
width: 950px;
height: auto;
}
#IndreDiv {
background: white;
width: 900px;
height: auto;
margin: 0 auto 50px auto;
border: 1px solid red;
}
.GenvejListe {
margin: 35px 0 35px 0;
border: 1px solid red;
}
#genvej1 {
margin: 0 0 0 40px;
color: #0A1741;
font-size: 13px;
font-weight: bold;
font-family:"Times New Roman",Times,serif;
}
#genvej2, #genvej3, #genvej4, #genvej5,#genvej6{
margin: 0 0 0 10px;
color: #0A1741;
font-size: 13px;
font-weight: bold;
font-family:"Times New Roman",Times,serif;
}
#genvej1:hover, #genvej2:hover, #genvej3:hover, #genvej4:hover, #genvej5:hover,#genvej6:hover{
text-decoration: underline;
color: blue;
}
/* Opbygningen af Menu'en */
* {
list-style-type: none;
text-decoration: none;
}
#MenuListe {
margin: 0;
padding: 0;
}
#MenuListe li {
background: #0A1741;
text-align: center;
position: relative;
display: block;
float: left;
height: auto;
line-height: 30px;
border-right: 1px dotted #7D7D7D;
}
#MenuListe ul {
display: none;
}
#MenuListe li a {
color: burlywood;
}
#menu1, #menu2, #menu3, #menu4 {
width: 104px;
}
#menu5, #menu6, #menu7, #menu8, #menu9 {
width: 105px;
}
#MenuListe li:hover {
background: #FFFACD;
}
#menu1:hover ul, #menu2:hover ul, #menu3:hover ul, #menu4:hover ul, #menu5:hover ul,
#menu6:hover ul, #menu7:hover ul, #menu8:hover ul {
margin: 0;
padding: 0;
position: absolute;
display: block;
}
#menu9:hover ul {
margin: 0;
padding: 0;
display: block;
position: absolute;
right: -1px;
}
#menu1 ul li, #menu2 ul li, #menu3 ul li, #menu4 ul li, #menu5 ul li, #menu6 ul li, #menu7 ul li,
#menu8 ul li, #menu9 ul li {
text-align: left;
width: 150px;
padding-left: 24px;
}
#menu9 ul li {
text-align: right;
width: 150px;
padding-right: 14px;
}
</style>
</head>
<body>
<div id="HovedDiv">
<div id="BilledDiv">
<img src="MitBilled.jpg" />
</div>
<div>
<ul id="MenuListe">
<li id="menu1"> <a href="#">Menu 1 </a>
<ul>
<li> <a href="#">UnderMenu1 a </a> </li>
<li> <a href="#">UnderMenu1 b </a> </li>
<li> <a href="#">UnderMenu1 c </a> </li>
</ul>
</li>
<li id="menu2"> <a href="#">Menu 2 </a>
<ul>
<li> <a href="#">UnderMenu2 a </a> </li>
<li> <a href="#">UnderMenu2 b </a> </li>
</ul>
</li>
<li id="menu3"> <a href="#">Menu 3 </a> </li>
<li id="menu4"> <a href="#">Menu 4 </a>
<ul>
<li> <a href="#">UnderMenu4 a </a> </li>
<li> <a href="#">UnderMenu4 b </a> </li>
<li> <a href="#">UnderMenu4 c </a> </li>
<li> <a href="#">UnderMenu4 d </a> </li>
<li> <a href="#">UnderMenu4 e </a> </li>
<li> <a href="#">UnderMenu4 f </a> </li>
</ul>
</li>
<li id="menu5"> <a href="#">Menu 5 </a> </li>
<li id="menu6"> <a href="#">Menu 6 </a>
<ul>
<li> <a href="#">UnderMenu6 a </a> </li>
<li> <a href="#">UnderMenu6 b </a> </li>
<li> <a href="#">UnderMenu6 c </a> </li>
</ul>
</li>
<li id="menu7"> <a href="#">Menu 7 </a> </li>
<li id="menu8"> <a href="#">Menu 8 </a> </li>
<li id="menu9"> <a href="#">Menu 9</a>
<ul>
<li> <a href="#">UnderMenu9 a </a> </li>
<li> <a href="#">UnderMenu9 b </a> </li>
</ul>
</li>
</ul> <!-- Slut på MenuListe -->
</div>
<div class="GenvejListe">
<a id="genvej1" href="#">Link 1 </a>
<a id="genvej2" href="#">Link 2 </a>
<a id="genvej3" href="#">Link 3 </a>
<a id="genvej4" href="#">Link 4 </a>
<a id="genvej5" href="#">Link 5 </a>
<a id="genvej6" href="#">Link 6 </a>
</div>
<div id="IndreDiv">
<p> Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
Dette er den Indre Div Dette er den
Indre Div Dette er den Indre Div
</p>
</div> <!-- Slut på indre Div -->
</div> <!-- Slut på Hoved Div -->
</body>
</html>
Håber der er en "HardCore" der lige kan se, hvad det er jeg ikke kan se.
På forhånd tak..!!
