nybegynner, problemer med plassering av div

[Anonym5656]

Hei! Trenger litt veiledning med plassering av div-taggen min.

 

Jeg har en div som holder hele designet, en for navigasjon og en for innhold.

 

i koden slik:

 

<div id="back"><img src="banner.jpg"/>

 <div id="info">
 <img src="info.jpg" width="120" height="24" />
<ul>
 <li><a href="#">Home</a></li>
 <li><a href="#">Servers</a></li>
 <li><a href="#">Contact</a></li>
</ul>
 <br></br>
 </div>

<div id="members">
 <img src="members.jpg" width="120" height="24" />
 <ul>
 <li><a href="#">Erik</a></li>
 <li><a href="#">kukfitte</a></li>
 <li><a href="#">mogiz2Kz</a></li>
 <li>cacefucker3k</li>
 </ul> 
<br></br>
 </div>
<div id="content">sfokseif</div>
</div>

 

 

 

 

 

 

og med CSS-en slik:

 

 

#info {
color: #FFFFFF;
background-color: #969D9E;
background-position: left top;
margin-top: 7px;
margin-left: 5px;
height: auto;
width: 120px;
border: 1px solid #000000;
}

#members {
color: #FFFFFF;
background-color: #969D9E;
background-position: left top;
margin-top: 7px;
margin-left: 5px;
height: auto;
width: 120px;
border: 1px solid #000000;
}

#content {
margin-top: 0;
height: 100%;
width: 400px;
margin-left: 15em;
}

 

 

 

 

Og slik som det ser ut nå så kommer content div-en under de 2 andre.

 

Hvordan kan jeg få ordnet det?

 

edit: La til en liten skjermdump.

Endret 29. desember 2006 av Gakkakk

[834HF42F242]

Kutt 'background-position' og bruk 'float:left'

[Anonym5656]

hm, den kommer fortsatt under med denne css-en:

 

#content {
margin-left: 15em;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
background-color: #969D9E;
}

#navigasjon {
color: #FFFFFF;
margin-top: 8px;
margin-left: 4px;
margin-bottom: 4px;
background-color: #969D9E;
height: auto;
width: 120px;
border: 1px solid #000000;
}

[834HF42F242]

Prøv på begge og sett width på den første.

[Anonym5656]

Har vell egentlig fått fiksa det nå tror jeg. Men hvis jeg nå skal centrere hele siden nå så sitter navigasjons-greien igjen på siden liksom.

 

Kanskje jeg burde lage en ny tråd om dette...?

 

EDIT: glem det! fikk til! måtte bare trikse litt med css-en. Takk uansett.

Endret 29. desember 2006 av Gakkakk