Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Rozciąganie diva na całe okno
IceManSpy
post
Post #1





Grupa: Zarejestrowani
Postów: 1 006
Pomógł: 111
Dołączył: 23.07.2010
Skąd: Kraków

Ostrzeżenie: (0%)
-----

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 
  1. <body>
  2. <div class="menu"></div>
  3. <div class="oddzielenie"></div>
  4. <div class="tresc"></div>
  5. </body>
[HTML] pobierz, plaintext

Aktualny plik CSS:
[CSS] pobierz, plaintext 
  1. div.menu
  2. {
  3.     background-color: red;
  4.     width: 100%;
  5.     height: 150px;
  6.     margin: 0px;
  7.     padding: 0px;
  8. }
  9. div.oddzielenie
  10. {
  11.     background-color: green;
  12.     width: 100%;
  13.     height: 50px;
  14. }
  15. div.tresc
  16. {
  17.     background-color: blue;
  18.     width: 100%;
  19.     height: 400px;      
  20. }
[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 
  1. div.menu
  2. {
  3.     background-color: red;
  4.     width: 100%;
  5.     height: 150px;
  6.     margin: 0px;
  7.     padding: 0px;
  8.     position:absolute;
  9.     left:0px;
  10.     top:0px;
  11.  
  12. }
  13. div.oddzielenie
  14. {
  15.     background-color: green;
  16.     width: 100%;
  17.     height: 50px;
  18.     position: absolute;
  19.     left: 0px;
  20.     top: 150px;   
  21. }
  22. div.tresc
  23. {
  24.     background-color: blue;
  25.     width: 100%;
  26.     height: 400px;
  27.     position: absolute;
  28.     left: 0px;
  29.     top: 200px;         
  30. }
[CSS] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
wookieb
post
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Usuń margin i padding z elementu body. Position absolute... absolutnie nie jest potrzebne.

Ten post edytował wookieb 15.08.2010, 21:31:56
Go to the top of the page
+Quote Post
IceManSpy
post
Post #3





Grupa: Zarejestrowani
Postów: 1 006
Pomógł: 111
Dołączył: 23.07.2010
Skąd: Kraków

Ostrzeżenie: (0%)
-----

Faktycznie, wielkie dzięki (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 25.08.2025 - 09:40
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn