Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Problem z 100% szerokość/wysokość
zabickim87
post
Post #1





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 29.11.2008
Skąd: Kalisz

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


Witam
Dopiero zaczynam z budowaniem layout'ów na divach. Chce zrobić układ na 100% wysokości oraz szerokości. Problem polega na tym, jeśli treści jest więcej niż całe okienko przeglądarki, powstaje scroll, jeżeli zjedziemy niżej scrollem nie ma tła, itp, robi się po prostu białe tło, jak na poniższym screenie. Jak ustawaić żeby było zawsze normalnie tło, jeżeli treści w prawej, bądź lewej komórce jest więcej niż sąsiedniej? Z góry dziękuje za pomoc.

Próbowałem także zastosować ten sposób: http://www.cssmania.pl/csswiki/index.php?title=100%25Height jednak nie pomaga.

Screen: http://www.imagebam.com/image/f14c3a30064623

Kod:
  1. <meta http-equiv="content-language" content="pl" />
  2. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  3. <link href="css/style.css" rel="stylesheet" type="text/css" />
  4. <title>testowy layout</title>
  5. </head>
  6. <div id="main">
  7. <div id="left">lewa</div>
  8. <div id="right">prawa</div>
  9. </div>
  10. </body>
  11. </html>


CSS:
  1. html, body {
  2. background: #ffffff;
  3. margin: 0px;
  4. }
  5.  
  6. #main {
  7. height: 100%;
  8. width: 100%;
  9. overflow: visible;
  10. background-color: #ffffff;
  11. }
  12.  
  13. #left
  14. {
  15. float: left;
  16. width: 15%;
  17. height: 100%;
  18. background-color: #c6d2e1;
  19. }
  20.  
  21. #right {
  22. float: right;
  23. width: 85%;
  24. height: 100%;
  25. background-color: #6f90b8;
  26. }


Ten post edytował zabickim87 18.03.2009, 17:36:02
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 24.12.2025 - 22:00