Keskustelu: Nettisivujen teko: Css-ongelma. Alimmainen div jää ylös

Tämän tapainen ongelma:

<div id="main">
  <div id="kentta">
        float:left
        <div id="vasen">
          vasen palsta float:left
        </div>
        <div id="keski">
          keski palsta float:right
        </div>
  </div>
  <div id="oikea">
          oikea palsta float:right
  </div>
</div>

Tuo main div jää ylös pelkäksi viivaksi. Siksi taustakuva ei tule sivulle lainkaan. En ole keksinyt, mistä se johtuu.
Sivun osoite löytyy tuolta minun tunnukseni takaa. Kyseessä on siellä mainittu "my"-sivu ja sieltä linkistä "selaa" pääsee toimimattomiin sivuihin.

Koodissasi on liikaa kellutuksia. Yritäpä sisäistää Merrin hieno CSS-vinkki palstoista.

Kiitos!

Tuo vinkki oli hyvvä! Tosin jostakin syystä tuolle main-pohjalle piti laittaa position:absolute, ei riittänyt relative. Mahtaako jotua siitä, että sen yläpuolella on menu-div, joka on kellutettu? Joka tapauksessa nyt toimii.

Miksi se menu-div on kellutettu? Varmaan ongelmasi ratkaisivat parhaiten niin, että poistaisit turhat kellutukset ja opettelisit, mitä kellutus tekee eli milloin sitä oikeasti tarvitaan. Lisäksi kannattaa opetella kellutuksen läheinen kumppani clear; tuokin ongelma olisi ehkä ratkennut määreellä clear: both.