Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS] div
mateuszpi
post
Post #1





Grupa: Zarejestrowani
Postów: 140
Pomógł: 0
Dołączył: 11.09.2006
Skąd: Jaworzno

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


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:
(IMG:http://img54.imageshack.us/img54/6750/firefox.th.jpg) firefox

(IMG:http://img54.imageshack.us/img54/9595/ie70.th.jpg)
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 (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
pomocy.
Go to the top of the page
+Quote Post
guilty82
post
Post #2





Grupa: Zarejestrowani
Postów: 176
Pomógł: 31
Dołączył: 26.03.2007

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


  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
Go to the top of the page
+Quote Post
mateuszpi
post
Post #3





Grupa: Zarejestrowani
Postów: 140
Pomógł: 0
Dołączył: 11.09.2006
Skąd: Jaworzno

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


dzięki
Go to the top of the page
+Quote Post
xmarshalx
post
Post #4





Grupa: Zarejestrowani
Postów: 11
Pomógł: 1
Dołączył: 21.02.2009

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


Tu masz dorby kurs Html i CSS:
http://kurs.browsehappy.pl/
Go to the top of the page
+Quote Post

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 - 20:29