XHTML + CSS + DIVy = problem :)

[masterix]

Witam,

Chcę uzyskać na stronce coś takiego:

_________________________
| top |
--------------------------------------------
|menu| tresc |
-------------------------------------------
| stopka |
-----------------------------------------

Oparłem to o DIVy i połączyłem z CSSem. Niestety stopka ciągle mi gdzieś ucieka, albo jest pod treścią albo pod samym menu(w zależności, które na danej podstronie jest krótsze). Całość jest umieszczona w nadrzędym DIVie.

Oto style jakie mam, pomóżcie mi je zmienić:

Kod: Zaznacz cały

BODY{
     text-align:center;
     }
     
#kontener{
          margin:auto;
          margin-top:20px;
          width:790px;
}

#top{
     width:100%;
     border:0px;
}
#main{
      background-image: url(img/box3.jpg);
      background-repeat:repeat-y;
      width:655px;
      display:block;
      float:right;
}

#stopka{
        width:100%;
        border:0px;
}

pozdrawiam

[qvist]

hi,

stopka lata, bo masz sfloatowany div#main.

za dvi#main daj cos takiego:

Kod: Zaznacz cały

<div class="clear"> </div>

i do tego styl:

Kod: Zaznacz cały

.clear{clear:both;line-height:1px;height:1px;font-size:1px;}

[masterix]

Wielkie dzięki, wszystko na razie pyka jak należy

Ale mam jeszcze jeden problem. Chcę, żeby #menu i #main były zawsze takiej samej długości czyli np #main jest dłuższe to #menu się dostosuje. Próbowałem dać height:100%; jednak chyba przedobrzyłem bo nie zadziałało.

pzdr.

ps. To jeden z moich pierwszych projektów na DIVach, chyba stąd te problemy

[masterix]

Tak dla potomności zostawię rozwiązanie a w zasadzie wskazówkę

google -> faux colums

pzdr.