Menu div ligger sig ikke hvor jeg vil have den.
Hejsa.Jeg er ved at lave et nyt design til min hjemmeside, men kan ikke få min menuboks til at være der hvor jeg gerne vil have den.
Jeg har oprettet en topboks (banner) som headtitle på siden.
Den er indstillet til at marginerne er auto, så den selv centrere sig.
Nu er jeg lige blevet færdig med designet til min menu, og ville prøve at ligge den under vendtre del af mit banner.
Jeg har prøvet alt med z-index; Position: absolute og relative; men ingen af dem virker.
Enten ligger menuen sig helt til venstre på skærmen under banneret, eller helt til højre på skærmen under banneret.
Indtil videre er koden:
<body>
<div class="body">
<div class="Banner">
</div>
<div class="Menu">
</div>
</body>
og CSS
body{
background-image: url("../img/test.jpg");
margin-bottom: 50px;
margin-left: 0px;
margin-right: 0px;
margin-top: 50px;
border: solid-black;
}
.Banner{
background-image: url("../img/banner.jpg");
height: 100px;
width: 800px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
border: solid black 0px;
z-index: 1;
position: relative;
}
.Menu{
background-image: url("../img/menubackground.jpg");
height: 200px;
width: 150px;
z-index: 2;
position: relative;
margin-left: auto;
}