Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] div
Forum PHP.pl > Forum > Przedszkole
mateuszpi
Witam
Mam takie pytanko. strona podzieliłem na 5 części: nagł, menu lewe, środek, menu prawe, stopka.

wszystko na div-ach. pod IE działą bez problemu. jednak ten sam kod pod firefoxem już nie działa.
menu prawe jest układane pod menu lewym a nie po swojej stronie.

wygląd pakazują obrazki:
firefox


IE

kod strony to:
  1. <div>
  2.  
  3. <div>
  4. <div style="background: yellow;">5</div><br />
  5.  
  6. <div style="background: red; float: left; width: 200px">
  7. <div>1a</div>
  8. <div>1a</div>
  9. <div>1a</div>
  10. <div>1a</div>
  11. <div>1a</div>
  12. <div>1a</div>
  13. <div>1a</div>
  14. <div>1a</div>
  15. <div>1a</div>
  16. <div>1a</div>
  17. <div>1a</div>
  18. <div>1a</div>
  19. <div>1a</div>
  20. <div>1a</div>
  21. <div>1a</div>
  22. <div>1a</div>
  23. </div>
  24. <div style="background: blue; float: left; width: 400px">
  25. <div>2a</div>
  26. <div>2a</div>
  27. </div>
  28. <div style="background: yellow; width: 200px">
  29. <div>3a</div>
  30. <div>3a</div>
  31. <div>3a</div>
  32. <div>3a</div>
  33. <div>3a</div>
  34. <div>3a</div>
  35. <div>3a</div>
  36. <div>3a</div>
  37. </div>
  38.  
  39. <br />
  40. </div><br /><br />
  41.  
  42. </div>
  43.  
  44.  
  45.  
  46.  
  47. <div style="background: blue; clear: both;">4</div>


chce się nauczyć tych dziwnych div-ów ale wiecej z nimi problemów niż ze zwykłymi tabelami sad.gif
pomocy.
guilty82
  1. <div style="background: red; float: left">
  2. <div>1a</div></div>
  3. ...
  4. <div style="background: yellow; float: right">
  5. <div>3a</div></div>
  6. ...
  7. <div style="background: blue">2a</div>
  8. ...
  9. <div style="background: blue; clear: both">4</div>


Poczytaj jakiś kurs CSS
mateuszpi
dzięki
xmarshalx
Tu masz dorby kurs Html i CSS:
http://kurs.browsehappy.pl/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.