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
barF
post
Post #2





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

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

mike_mech:
zrobilem tak jak mowiles, ale efekt niejest zadowalajacy.

po zmianie mam
[HTML] pobierz, plaintext 
  1. #page {
  2.     width: 714px;
  3.     background: #ffffff url(images/middle.png);
  4.     border: 0px solid #000000;
  5.     margin: 10px auto;
  6.     overflow: auto;
  7. }
  8. #footer {
  9.     height: 70px;
  10.     width: 714px;
  11.     background: url(images/bottom.png);
  12. }
[HTML] pobierz, plaintext


1) w IE wyglad ramki OK ale niejest wycentrowana :/ , problem zalatwia dodanie do CSS body text-align: center;
ale czy niemozna tego okreslic w #page (how)?

2) w FF wszystko ramka jest wycentrowana.
ale niejest wyswietlana poprawnie. zobaczcie jak to wyglada TUTAJ
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: 16.10.2025 - 02:59
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn