+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [css] problem z wysokoscia diva - tlo (/thread-css-problem-z-wysokoscia-diva-tlo)
[css] problem z wysokoscia diva - tlo - marianoo - 20-12-2011
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.
RE: [css] problem z wysokoscia diva - tlo - Kartofelek - 20-12-2011
a tam nie powinno być aby min-height:100%?
RE: [css] problem z wysokoscia diva - tlo - marianoo - 20-12-2011
Witam.
min-height:100% tez nic nie daje
RE: [css] problem z wysokoscia diva - tlo - ILIES - 20-12-2011
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.
RE: [css] problem z wysokoscia diva - tlo - Kartofelek - 20-12-2011
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
RE: [css] problem z wysokoscia diva - tlo - marianoo - 20-12-2011
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
RE: [css] problem z wysokoscia diva - tlo - Moody - 23-12-2011
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ć.