Forum PHP.pl > [HTML][CSS] Rozciąganie diva na całe okno

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS] Rozciąganie diva na całe okno

IceManSpy

15.08.2010, 21:13:51

Witam

Mam bardzo błahy problem, ale nie potrafię go rozwiązać. Otóż mam 3 divy i chcę teraz rozciągnąć je na całe okno przeglądarki. Niestety nie mogę :/ Po lewej, prawej stronie i od góry zostaje kawałek odstępu. Jak się tego pozbyć aby było na całość okna przeglądarki?
Aktualne body w pliku HTML:

[HTML] pobierz, plaintext 
<body>
<div class="menu"></div>
<div class="oddzielenie"></div>
<div class="tresc"></div>
</body>
[HTML] pobierz, plaintext

Aktualny plik CSS:

[CSS] pobierz, plaintext 
div.menu
{
    background-color: red;
    width: 100%;
    height: 150px;
    margin: 0px;
    padding: 0px;
}
div.oddzielenie
{
    background-color: green;
    width: 100%;
    height: 50px;
}
div.tresc
{
    background-color: blue;
    width: 100%;
    height: 400px;      
}
[CSS] pobierz, plaintext

Gdy zastosuje poniższy plik, to osiągam to co chcę, ale czy to się w ten sposób robi (zakładam, że wysokość div menu i oddzielenie będę znał i są niezmienne)? :

[CSS] pobierz, plaintext 
div.menu
{
    background-color: red;
    width: 100%;
    height: 150px;
    margin: 0px;
    padding: 0px;
    position:absolute;
    left:0px;
    top:0px;
 
}
div.oddzielenie
{
    background-color: green;
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0px;
    top: 150px;   
}
div.tresc
{
    background-color: blue;
    width: 100%;
    height: 400px;
    position: absolute;
    left: 0px;
    top: 200px;         
}
[CSS] pobierz, plaintext

wookieb

15.08.2010, 21:17:10

Usuń margin i padding z elementu body. Position absolute... absolutnie nie jest potrzebne.

IceManSpy

15.08.2010, 21:30:56

Faktycznie, wielkie dzięki

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.