Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css]Znowu problem z DIVami pod IE
Bojakki
post 28.08.2008, 20:54:14
Post #1





Grupa: Zarejestrowani
Postów: 379
Pomógł: 0
Dołączył: 18.08.2004

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


Mam taki kod:

  1. body {
  2. background-color: #000;
  3. margin: 0;
  4. padding: 0;
  5. text-align:center;
  6. }
  7.  
  8. div {
  9. font: verdana 12px #000;
  10. position:relative;
  11. }
  12.  
  13. #container {
  14. margin:0 auto;
  15. padding:0 5px 0 5px;
  16. position:relative;
  17. width:700px;
  18. background-color:#fff;
  19. text-align:LEFT;
  20. clear: BOTH;
  21. }
  22.  
  23. #naglowek {
  24. background: #fff url(logo.jpg) no-repeat;
  25. width:700px;
  26. height:150px;
  27. margin-bottom:10px;
  28. }
  29.  
  30. #lewo {
  31. width:150px;
  32. float:LEFT;
  33. }
  34.  
  35. #prawo {
  36. width:150px;
  37. float:RIGHT;
  38. }
  39.  
  40. #srodek {
  41. width:400px;
  42. float:LEFT;
  43. }
  44.  
  45. #stopka {
  46. clear:BOTH;
  47. text-align:center;
  48. }


  1. <div id="container">
  2.  
  3. <div id="naglowek"> </div>
  4.  
  5. <div id="lewo"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce nec velit id lacus pharetra interdum. In massa tellus, ultrices ac, luctus sit amet, nonummy sit amet, velit. In posuere.</div>
  6.  
  7. <div id="srodek"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce nec velit id lacus pharetra interdum. In massa tellus, ultrices ac, luctus sit amet, nonummy sit amet, velit. In posuere. Aenean molestie purus vel massa. Vestibulum risus tellus, tempus ac, consequat et, mattis in, lectus.</div>
  8.  
  9. <div id="prawo">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce nec velit id lacus pharetra interdum. In massa tellus, ultrices ac, luctus sit amet, nonummy sit amet, velit. In posuere. Aenean molestie purus vel massa.</div>
  10.  
  11. <div id="stopka"> Created by Jan Kowalski</div>
  12.  
  13.  
  14. </div>
  15. </body>


problemw tym, ze pod IE przesuwa prawy kontener w dol tak jakby sie nie miescil w glownym kontenerze. Dzieje sie gdy w pogrubionej linijce zwieksze padding na wartosc wieksza niz 0. W FF i w Operze jest wszystko w porzadku.


--------------------
Go to the top of the page
+Quote Post
Gryf
post 29.08.2008, 06:50:23
Post #2





Grupa: Zarejestrowani
Postów: 170
Pomógł: 40
Dołączył: 14.08.2008
Skąd: Katowice

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


To zrozumiałe w końcu na wymiar pudełka składają się wszystkie czynniki (border, margin, padding)
a nie tylko height i width.
Go to the top of the page
+Quote Post
JoShiMa
post 29.08.2008, 08:14:45
Post #3





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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


Cytat(Gryf @ 29.08.2008, 07:50:23 ) *
To zrozumiałe w końcu na wymiar pudełka składają się wszystkie czynniki (border, margin, padding)
a nie tylko height i width.

Tak jest właśnie w IE, FF niestety interpretuje to trochę inaczej sad.gif


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 11:50