[LØST]Trenger hjelp til plassering av div

Richard87 · 2. september 2007

Hei, jeg trenger litt hjelp til plassering av 'innholds' div, ved position absolute, kommer innholdet på toppen, ved relative, blir det plassert under et annet div som er hidden etc...

her er hele siden:

Klikk for å se/fjerne innholdet nedenfor

<!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>Test.no</title>
<script type="text/javascript">
<!-- 
var aktivtInnhold = "Hjem";

function visInnhold(hva) {
aktiv = document.getElementById(aktivtInnhold);
aktiv.style.visibility = "hidden";

aktivtInnhold = hva;
aktiv = document.getElementById(aktivtInnhold);
aktiv.style.visibility = "visible";

}
-->
</script>
<style type="text/css">
<!--
h1 {
margin-top: 10px;
}
h1 img {
height: 242px;
width: 752px;
}
.innhold {
position: relative;
visibility: hidden;
left: 0px;
right: 0px;
margin-top: 10px;
}
#site {
margin-left:-377px;
text-align:center;
position:absolute;
width:752px;
height:500px;
background-color: #FFFFFF;
overflow: hidden;
left: 50%;

font-family:Geneva, Arial, Helvetica, sans-serif;
}

# menu {
margin: 0pt auto;
}
#menu ul{
display: inline;
list-style-type: none;
width: 24em;
}
#menu ul li{
display: inline;
}
#menu ul li a {
text-decoration:underline;
cursor: pointer;
padding-left: 15px;

}
#menu ul li a:firstchild {
padding-left: 0px;
}
#menu ul li a:hover {
font-weight:bold;	
}
-->
</style>
</head>

<body>
<div id="site">
<h1><img src="Logo.png" alt="Bogafjell Solsenter" /></h1>
   <div id="menu">

        <ul>
           <li><a href="javascript:visInnhold('Hjem')">Hjem</a></li>
           <li><a href="javascript:visInnhold('OmOss')">Om Oss</a></li>
           <li><a href="javascript:visInnhold('Kart')">Kart</a></li>
           <li><a href="javascript:visInnhold('Kontakt')">Kontakt</a></li>
       </ul>
   </div>

   <div id="content">
   	<div id="Hjem" class="innhold">
       	hallo
       </div>
   	<div id="OmOss" class="innhold">
       	test
       </div>
   	<div id="Kart" class="innhold"></div>
   	<div id="Kontakt" class="innhold"></div>
   </div>

</div>
</body>
</html>

noen som har en ide om hvordan jeg kan få inholds klassen til og hanve på samme linje under menyen _hver_ gang?

Takker for all hjelp:D

PS. Komentarer angående kode og design tas hjertelig imot;)

[EDIT]

Fikset te på ca samme måte som jeg midstilte siden på, margin-left = site / 2, og satt posisjonen i forhold til bånnen på siden istedenfor toppen:D

Endret 3. september 2007 av Richard87

BigJackW · 3. september 2007

Kanskje du kan bruke "float: left / right;" i css?

Richard87 · 3. september 2007

la til det i 'content' div'en, men det virket ikke:(

noen som har noen andre ideer?

Logg inn

[LØST]Trenger hjelp til plassering av div

Anbefalte innlegg

Richard87

Lenke til kommentar

Videoannonse

BigJackW

Lenke til kommentar

Richard87

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer