Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] Blok nie rozszerza się automatycznie
Jarod
post
Post #1





Grupa: Zarejestrowani
Postów: 1 190
Pomógł: 27
Dołączył: 23.04.2005

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


Może mi ktoś wytłumaczyć co robię źle? Pod FFi Operą wyświetla się źle. Natomiast IE wyświetla dobrze.

html:
  1. <body>
  2.  
  3. <div id="kontener">
  4. <div class="naglowek1">Nagłówek 1</div>
  5. <div class="naglowek2">Nagłówek 2</div>
  6.  
  7. <div class="lewakolumna">Lewa kolumna</div>
  8. <div class="prawakolumna">Prawa kolumna<br><br><br><br><br><br><br></div>
  9. </div>
  10.  
  11. </body>
  12. </html>


css:
  1. * {
  2. margin: 0 auto;
  3. padding: 0;
  4. }
  5. div#kontener {
  6. width: 775px !important;
  7. width: 777px;
  8. color: black;
  9. background-color: green;
  10. border: 1px black solid;
  11. }
  12. .naglowek1 {
  13. width: 387px;
  14. color: #FFFFFF;
  15. background-color: red;
  16. float: left;
  17. }
  18. .naglowek2 {
  19. width: 388px;
  20. color: #FFFFFF;
  21. background-color: yellow;
  22. float: left;
  23. }
  24. .lewakolumna {
  25. width: 100px;
  26. color: black;
  27. background-color: yellow;
  28. border: 1px black solid;
  29. float: left;
  30. }
  31. .prawakolumna {
  32. width: 100px;
  33. color: black;
  34. background-color: yellow;
  35. border: 1px black solid;
  36. float: left;
  37. }


Załączam obrazek z FF i IE. Zobaczcie co się dzieje. Kontener się nie rozszerza.

--FF--
--IE--


Pomaga dołożenie <div style="clear:both;"></div> po bloku prawa kolumna ale nie rozumiem dlaczego muszę takie sztuczki stosować (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
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: 23.08.2025 - 19:17