Forum PHP.pl

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: divy

Kuziu

16.07.2006, 20:46:24

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <title>lasdfasdf</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
</head>
 
<body>
    <div id="pageContainer">
        <div id="leftContainer">
            a<br />a
a
a
 
        </div>
        <div id="centerContainer">
            <div id="leftBanner">.</div>
        </div>
    </div>
</body>
 
</html>
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
body{
    margin:0px;
    margin-bottom:20px;
    background-color:#ffffff;
}
 
#pageContainer{
    padding-left:0px;
    padding-right:0px;
    width:980px;
    margin:0 auto;
    background-repeat:repeat-y;
    background-image:url(images/sides.jpg);
}
 
#leftContainer{
    float:left;
    width:20px;
    display:inline;
}
 
#centerContainer{
    float:left;
    width:900px;
    display:inline;
}
 
#leftBanner{
    float:left;
    width:284px;
    height:150px;
    display:inline;
    background-image:url(images/web_webuyhouses.jpg);
}
[HTML] pobierz, plaintext

Moze mi ktos powiedziec dlaczego mimo ze wszystko jest w pageContainer to nie widac jego tła ?

Dopiero jak powywalam wszedzie float:left no ale to mi potrzebne

A gdy mam to float:left to pageContainer sie nei rozszerza jest na gorze wysokosc 0px

---------------------------

Dobra dodalem footerContainer z clear:both ale i tak mi sie to wydaje bez sensu ze mimo ze cos w divie jest to sie nie rozszerza

adi2005

17.07.2006, 12:34:44

spróbój zamiast na ID zastosować klasy i pisać <div class="Container" id="...."></div> zamiast tego co napisałeś.

float: left widze że potrzebne ale display: inline... hm... może to spuje. Zauważ ze kontenery i banner razem wzięte mają większa szerokośc niż pageContainer. Spróbuj ten bład usunąc...

revyag

17.07.2006, 14:33:31

Pierwsza sprawa to wywal display:inline, użycie tego jest bez sensu, bo element blokowy traci wtedy swoje właściwości i zachowuje się jak span.

Co do problemu. To dla #pageContainer dodaj:

Kod

height:100%;
overflow:hidden;

i nie będziesz musiał dodawać dodatkowej warstwy z clear.

Cytat

spróbój zamiast na ID zastosować klasy i pisać <div class="Container" id="...."></div> zamiast tego co napisałeś.

@adi2005 A co niby co ma dać ?

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.