css problem, meny går utover siden.

[Stian_]

side:

http://stian.bang.dot.no/

 

som du ser så går menyen langt utover innholdet.

 

hvordan fikse dette?

 

xhtml:

       <div id="content">
           <div id="menu">
               <ul id="menuList">
                   <li class="menuItem">bla</li>
                   <li class="menuItem">bla2</li>
               </ul>
           </div>
           <h1 id="contentHeader">Home</h1>
           <p class="contentText">Introduction</p>
       </div>

 

css:

#content {
   width: 748px;
   margin-left: auto;
   margin-right: auto;
   background: #FFFFFF;
}
#menu {
   float: left;
   width: 150px;
   padding-top: 40px;
}
#menuList {
   list-style: none;
   text-align: left;
   padding: 10px 15px 10px 15px;
}
li.menuItem {
   margin-bottom: 2px;
   width: 120px;
}

[mohuhau]

Du må legge til et element nederst i #content som du legger til clear: both; i css.

[Stian_]

Funka ikke så bra

 

hvordan får jeg strekt alt det hvite i #content?

 

vil det bli finere med footeren helt nederst på siden?

Endret 16. februar 2005 av Thurloc

[Steinmann]

funka det ikke med en (for eksempel) <hr />

også sette clear: both?

 

man kan vistnok også sette display: table;

men det er vist ikke css3 valid :\

[mohuhau]

Funka ikke så bra

 

hvordan får jeg strekt alt det hvite i #content?

 

vil det bli finere med footeren helt nederst på siden?

Det virker ikke fordi du ikke har noe innhold i diven din, men jeg ser nå at det enkleste og sikkert også det beste ville være å bare flytte #bottom inn i #content og sette clear: both; på #bottom.

[Stian_]

takker

funker nå.