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:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv="content-language" content="pl" />
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <link href="css/style.css" rel="stylesheet" type="text/css" />
  6. <title>testowy layout</title>
  7. </head>
  8. <body>
  9. <div id="main">
  10. <div id="left">lewa</div>
  11. <div id="right">prawa</div>
  12. </div>
  13. </body>
  14. </html>
[HTML] pobierz, plaintext


CSS:
[HTML] pobierz, plaintext 
  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. }
[HTML] pobierz, plaintext


Ten post edytował zabickim87 18.03.2009, 17:36:02
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
piotrooo89
post
Post #2


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
http://olaszewski.com/2009/02/23/bugi-ie-cz-1/ min-width i min-height.
Go to the top of the page
+Quote Post
« Następny starszy · CSS · 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: 24.12.2025 - 16:05
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn