Gå til innhold

klarer ikke å få satt inn div i midten! *LØST*

[makeway]

Anbefalte innlegg

[makeway]

[makeway]

Skrevet
Skrevet (endret)

Hei!

 

Jeg har en div på venstre side og en på høyre og skulle ha hatt en div i midten å, men den vil ikke være der hvor det er meningen den skal være...

 

Siden

 

HTML

<body>
<div id="wrap">
 <div id="header"></div>
<div id="navline"><p align="right">Login </p>
</div>
<div id="hoved"><div id="menuright_wrap"></div>
<div id="menu_wrap">
<div id="navcontainer">
   <ul id="navlist">
     <li id="active"><a href="#" id="current">Link Here</a></li>
     <li><a href="#">Link Here</a></li>
     <li><a href="#">Link Here</a></li>
     <li><a href="#">Link Here</a></li>
     <li><a href="#">Link Here</a></li>
  <li><a href="#">Link Here</a></li>
     <li><a href="#">Link Here</a></li>
     <li><a href="#">Link Here</a></li>
     <li><a href="#">Link Here</a></li>
  <li><a href="#">Link Here</a></li>
     <li><a href="#">Link Here</a></li>
     <li><a href="#">Link Here</a></li>
    <li><a href="#">Link Here</a></li>
  <li><a href="#">Link Here</a></li>
     <li><a href="#">Link Here</a></li>
     <li><a href="#">Link Here</a></li>
     <li><a href="#">Link Here</a></li>
   </ul>
</div>
</div>
</div>
<div id="footer"></div>
</div>
</body>

 

CSS

#wrap {
width: 100%;
height: 100%;
margin: 0 auto;
background: #CFCFCF;
min-height: 100%;
height: auto !important; /*browsere*/
height: 100%; /*«browsere»*/
}

#header {
background: #786F7E;
width: 100%;
height: 125px;
}

#hoved {
background: #C1D5E8;
width: 100%;
height: 600px;
}

#main {
background: #ffffff;
width: 200px;
height: 400px;
float:inherit;
}

#navline {
background: #FFFFFF;
width: 100%;
height: 20px;
}

#footer {
background: #00243E;
height: 40px;
width: 100%;
}

.article {
width: 400px;
height: 100%;
float: right;
margin: 30px 0 0 120px !important;
margin: 30px 0 0 60px;
}

.komentarer {
border: 1px solid #B1DB1F;
background-color: #FFFFFF;
}

#hovedfelt {
width: 400px;
margin: 30px 0 0 120px !important;
margin: 30px 0 0 60px;
border: 1px solid;
}

#menu_wrap {
width: 180px;
height: 100%;
margin: 10px 0 0 10!important;
margin: 10px 0 0 10;
background: #FFFFFF;
border-right: 3px solid #CFCFCF;
}

#menuright_wrap {
width: 180px;
height: 100%;
margin: 10px 0 0 10!important;
margin: 10px 0 0 10;
background: #FFFFFF;
border-left: 3px solid #CFCFCF;
float:right;
}

#menuright_wrap {
width: 180px;
height: 100%;
margin: 10px 0 0 10!important;
margin: 10px 0 0 10;
background: #FFFFFF;
border-left: 3px solid #CFCFCF;
float:right;
}

#navcontainer { margin-left: 0px; 

}

#navcontainer ul

{

margin: 0;
padding: 0;
list-style-type: none;
font-family: "Lucida Sans Unicode";

}

#navcontainer li { margin: 0; 

}

#navcontainer a

{

display: block;
color: #333;
background-color: transparent;
width: 158px;
padding: 2px 10px;
text-decoration: none;

font-size: 9pt;

}

#navcontainer a:hover

{

background-color: #fff;
color: #7EA70F;
border-right: 9px solid #7EA70F;
padding: 2px 1px 2px 10px;

}

#navcontainer ul ul

{

margin-left: 0px;
padding: 0;
list-style-type: none;

}

#navcontainer li li a

{

display: block;
color: #333;
background-color: transparent;
width: 110px;
padding: 1px;
margin: 0;
border-top: none;
border-bottom: none;
border-left: 1px solid #aaa;
text-decoration: none;
font-size: 8pt;

}

Endret av [makeway]
Lenke til kommentar

Videoannonse

Videoannonse
Annonse

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...