CSS problem, div som ikke vil "bruke plassen sin"

[g0mpen]

Hva er galt med koden her? Menyen strekker seg ikke over alle de 700px den har fått "tildelt"

/* Divisjoner */
div#container {
background: url(bakgrunn.gif);
width: 700px;
margin: 0 auto;
border: 10px solid #707F8E;
}
div#aktuelt {
width: 149px;
float: left;
}
div#innhold {
background: #fff;
width: 550px;
float: right;
}
div#meny {
background: #707F8;
height: 20px;
width: 700px;
}

/* Meny */
#meny ul {
list-style-type: none;
text-align: center;
padding: 0;
}
#meny ul li {
float: left;
text-align: center;
}
#meny ul li a {
background: #707F8E;
width: 80px;
height: 20px;
color: #05182C;
text-decoration: none;
text-align: center;
display: block;
font: normal 12px/20px "Arial", sans-serif;
}
#meny ul li a:hover {
background: #2B4055;
color: #707F8E;
}
#meny a:active {
background: #707F8E;
color: #05182C;
}
#meny li#active a {
background: #707F8E;
color: #05182C;
}

Endret 2. oktober 2004 av g0mpen

[fudun]

kan du ikke slenge med html-koden, evt legge ved en link?

[PoleCat]

Vanskelig å si hva som er galt, men du trenger ikke sette bredde på div#meny i det hele tatt, da den automatisk vil fylle hele blokken (div#container > 700px).

[g0mpen]

<div id="container">

  <h1></h1>
  
  <div id="meny">
   <ul>
 <li><a href="index.php?side=forside">Forside</a></li>
 <li><a href="index.php?side=side2">Side2</a></li>
 <li><a href="index.php?side=side3">Side3</a></li>
 <li><a href="index.php?side=side4">Side4</a></li>
   </ul>
  </div>
  
  <div id="aktuelt">
   <h3>Aktuelt:</h3>
   <ul>
    <li>Nyhet1</li>
    <li>Nyhet2</li>
    </ul>
  </div>
 
  <div id="innhold">
   <h2>Lorem Ipsum</h2>
   <p>Lorem Ipsum dolor sit amet.</p>
  </div>

<hr style="visibility:hidden;clear:both" />

</div>

 

Koden er ikke egentlig så rotete, den ble slik pga ctrl+v...

Endret 2. oktober 2004 av g0mpen

[PoleCat]

Har du

* {
 margin: 0;
 padding: 0;
}

 

i CSS'en din?

 

Om ikke, prøv med det.

[g0mpen]

Har det ja