[HTML][CSS], Rozciąganie diva w dół - problem Opcje

[DawPi]

Witam,
przygotowuję swoją stronkę bazując na jednym z popularnych FM, jednak nie o tym chciałem. (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Otóż, to mój problem:
(IMG:http://img364.imageshack.us/img364/7325/20081220174012li8.png)

Jak widać główny div się nie rozciąga wg menu, a powinien. Szczerze powiem, że na CSS się aż tak nie znam i nie wiem jakie wartości ze stylu Wam przygotować by było to pomocne i Wam i mnie.

Tak wygląda kod szablonu:

Kod

<div id="topbar">
  <div class="content">
    <div class="wrap content">
    </div>
  </div>
</div>
<div id="subbar">
  <div class="content">
    <div class="wrap menu">

    </div>
  </div>
</div>
    <?=$content;?>
  <div id="footer">
  </div>

Wyciąłem nieistotne wpisy ( linki itd. ).

Kod CSS:

Kod

.content {
margin : 0 auto;
width : 960px;
}

#topbar {
height : 51px;
background : #000;
width : 100%;
color: #FFF;
}

#topbar .wrap {
    background: #3F4040;
    height: 51px;
    width: 958px
    
}

#topbar h1 {
    font : bold 2.0em Arial, sans-serif;
    color: #FFF;
    line-height: 51px;
    padding: 0 0 0 10px;
    background: inherit;
}
#topbar h1 a { color: #FFF }
#topbar h1 a:hover { color: #FFF; text-decoration: none }

#topbar .se {
    float: right;
    padding: 12px 10px 0 0;

}

#subbar {
    background: #F4F4F3;
    height: 34px;
    border-bottom: 1px solid #D6D6D6;
    width: 100%;
}

#subbar .rss {
    position: relative;
    right: 20px;
    top: 7px;
    width: 21px;
    height: 21px;
}

Za wszelką pomoc serdecznie dziękuję.
DawPi

[ziqzaq]

Oto chodziło (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Teraz do rzeczy.
Mój cytat:

IMHO to wygląda jakbyś miał dany "float" na (chyba) menu, ale go nie wyczyścił (np. "clear: both;").

Mój uproszczony kod (ten który dałem wcześniej):

[HTML] pobierz, plaintext 
<div id="ct-middle">
    <div id="ct-menu">Tutaj zawartość menu</div>
    <div id="ct-content">Tutaj zawartość strony (teksty itd.)</div>
    <div class="clear"><!-- --></div><!-- TUTAJ CZYŚCIMY OPŁYWANIE - CZYLI FLOAT -->
</div>
[HTML] pobierz, plaintext 

Zauważ co jest pod divami z id "ct-menu" i "ct-content", przeczytaj komentarz w kodzie powyżej, i to co pisałem w pierwszym poście. Daję głowę że nie spróbowałeś tego w swoim kodzie i ręczę że to działa bo sprawdzałem twoją stronkę w Operze (edytując kod na żywo).
Ostatni mój tip dla Ciebie to to, że Twoim odpowiednikiem mojego diva z id="ct-middle" jest div z klasą class="padding" (w którym są divy z klasami "right_side2" i "left_side2").
Musi ci się udać (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Ten post edytował ziqzaq 20.12.2008, 20:51:37