[css] problem z wysokoscia diva - tlo

[marianoo]

Witam wszystkich forumowiczow na tym forum.
Zapewne bede je odwiedzal w miare czesto.

Mam problem z DIVem - tlo i obrys nie jest na calej wysokosci - tylko do wysokosci okna przegladarki - po przwinieciu na dol juz nie ma tla ani obrysu.

Kod html.

Kod:

<div id="header1">
    <div id="top_szary_pasek">  </div>  
    <div id="menu1">  </div>
</div>

    <div id="main" class="col">
        <div class="wrap">        
            <div class="left_2">lewa </div>   <!-- koniec .left -->
            <div class="right_2"></div>   <!-- koniec .right -->
        </div>   <!-- koniec .wrap -->
    </div>   <!-- koniec .main -->
<div class="clear"></div>    

<div id="footer1"></div>

Kod .css

Kod:

#header1 {
    background: #3c3c3c url(imgs/tlo.png) repeat-x center center;
    width: 100%;
    position: top;
    z-index: 9999;
}
#menu1 {
  width: 960px;
  height: 80px;
  margin: 0 auto;
}

#main {
    padding-bottom: 319px;
    width: 960px;
    background-color: #ffffff;
    margin: 0 auto;
    height:100%;
    padding:0 10px 0 10px; border-left: 1px solid #b5b5b5;border-right: 1px solid #b5b5b5;

}
#main .col{
    background-color: #ffffff;
    height:100%;
}
#main .wrap {
    width:960px;
    background-color: #ffffff;
}

#main  .left_2 {
    float:left;
    width:650px;
    position:relative;
    top:5px;
}

#main  .right_2 {
    float:left;
    width:300px;
    margin-left:10px;
    margin-bottom:35px;
}

#footer1 {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
      border-top: 6px solid #dcdcdc;
    background: #3c3c3c url(imgs/footer-content-bg.jpg) repeat top left;
}

Ogolnie strona wyglada tak ze header i footer sa calej szerkosci przegladarki - zas MAIN ma szerokosc 960px - i problem w tym ze tresc znajdujaca sie czy to w prawej czy lewej kolumnie (left_2 i right2) wyplenia cala warstwe nie nachodzac na stopke - tylko ze tlo i obrys warstwy MAIN sa tylko do wysokosci wczytania w przegladarce jak przewine nizej to nie ma juz ani tla ani obrysu.

Z gory wielkie dzieki za pomoc.

[Kartofelek]

a tam nie powinno być aby min-height:100%?

[marianoo]

Witam.
min-height:100% tez nic nie daje

[ILIES]

100% odnosi się do wartości rozdzielczości monitora, najlepiej jak byś sobie wrzucił tam jakiś tekst, zawsze lepiej się na czymś takim później pracuje, przynajmniej ja tak mam.
Wyrzuć z kody strony <div class="clear"></div> bo to wygląda jak by w ogóle nie powinno się tam znajdować, powiedz czy o to Ci chodzi.

[Kartofelek]

Nie nie. Popatrz w necie jak się robi 100% height w css. Bez elementu nadrzędnego z wysokością to możesz sobie dłubać w nieskończoność. U ciebie takiego elementu niestety nie ma

[marianoo]

Witam.
Jak usune div class="clear" to stopka wyswietla sie prawie w polowie wysokosci strony.

Zas jesli </div> <!-- koniec .main --> - usune z miejsca gdzie jest teraz i przeniose ponizej stopki - to tlo i obrys jest na calek wysokosci strony - tak jak ma byc - tylko wtedy jest 1 problem - bo stopka nie wyswietla sie na calej szerokosci strony - tylko wyswietla sie w ramach diva MAIN

Nie wiem jzu co robic

[Moody]

Fajnie jakbyś wrzucił konkretny przykład z przykładowym obrazkiem o wymiarach takich jak Twój oryginalny i tutaj umieścił. Wraz z dokładnym wytłumaczeniem co chcesz uzyskać.