Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> div i jego wysokosc
barF
post
Post #1





Grupa: Zarejestrowani
Postów: 43
Pomógł: 1
Dołączył: 17.01.2006
Skąd: pionowe

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

mam problem z wysokoscia kontenera.
niemoge spasowac zeby dzialalo pod FF i jednoczesnie dla IE

index.html
[HTML] pobierz, plaintext 
  1. <body>                                                                                                                                            
  2. <div id="page">                                                                                                                                   
  3. <div id="top"></div>                                                                                                                              
  4. <div id="content">                                                                                                                                
  5.     <div>                                                                                                                                         
  6.     ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel                                                           
  7.     ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel                                                           
  8.     ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel                                                           
  9.     ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel                                                           
  10.     ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel                                                           
  11.     ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel                                                           
  12.     ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel ble bel bel                                                           
  13.     </div>                                                                                                                                        
  14. </div>                                                                                                                                            
  15. <div id="menu">menu</div>                                                                                                                         
  16. <div id="footer"></div>                                                                                                                           
  17. </div>                                                                                                                                            
  18. </body>
[HTML] pobierz, plaintext


i style CSS
[HTML] pobierz, plaintext 
  1. html, body {                                                                                                                                      
  2.     margin: 15px;                                                                                                                                 
  3. }                                                                                                                                                 
  4. body {                                                                                                                                            
  5.     background: #a9ac99;                                                                                                                          
  6.     font-size: 13px;                                                                                                                              
  7.     font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;              
  8. }                                                                                                                                                 
  9. #page {                                                                                                                                           
  10.     width: 714px;                                                                                                                                 
  11.     background: #ffffff url(images/middle.png);                                                                                                   
  12.     border: 0px solid #000000;                                                                                                                    
  13.     margin: 10px auto;                                                                                                                            
  14.     #height: auto;                                                                                                                                
  15. }                                                                                                                                                 
  16. #top {                                                                                                                                            
  17.     height: 15px;                                                                                                                                 
  18.     background: url(images/top.png) no-repeat;                                                                                                    
  19. }                                                                                                                                                 
  20. #content {                                                                                                                                        
  21.     width: 400px;                                                                                                                                 
  22.     float: left;                                                                                                                                  
  23.     padding: 10px 20px 30px;                                                                                                                      
  24. }                                                                                                                                                 
  25. #menu {                                                                                                                                           
  26.     width: 230px;                                                                                                                                 
  27.     float: left;                                                                                                                                  
  28. }                                                                                                                                                 
  29. #footer {                                                                                                                                         
  30.     height: 70px;                                                                                                                                 
  31.     background: url(images/bottom.png);                                                                                                           
  32.     #clear: both;                                                                                                                                 
  33. }
[HTML] pobierz, plaintext

jak odkomentuje clear:both; to pod FF dziala dobrze.
niewiem gdzie robie blad (IMG:http://forum.php.pl/style_emoticons/default/dry.gif)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Zajec
post
Post #2





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

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

Nigdze. Clear jest potrzebny, jeśli chcesz, aby rodzic rozciągnął swoją wysokość.

Zgodnie ze standardami elementy z przypisanym float nie mają wpływu na wysokość rodzica.
Go to the top of the page
+Quote Post

Posty w temacie
- barF   div i jego wysokosc   1.03.2006, 02:06:54
- - Zajec   Nigdze. Clear jest potrzebny, jeśli chcesz, aby ro...   1.03.2006, 07:13:07
- - mike_mech   Rozciągniesz rodzica dając mu (dla rodzica) overfl...   1.03.2006, 10:35:02
- - barF   mike_mech: zrobilem tak jak mowiles, ale efekt ni...   1.03.2006, 12:44:21
- - mike_mech   Spróbuj tak: [HTML] pobierz, plaintext <?xml ve...   1.03.2006, 13:11:56

« Następny starszy · HTML \ XHTML · 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 · Przełącz na: Linearny+ · Drzewo

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

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