Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Bez tabel
Stef@n
post 21.03.2009, 11:42:55
Post #1





Grupa: Zarejestrowani
Postów: 191
Pomógł: 3
Dołączył: 14.08.2003

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


Witam,
Zaczynam nowa przygodę z pisaniem stron bez tabel. No i wszystko niby cacy zrobiłem sobie mały szablon, ale są pewnie niedociągnięcia które nie wiem jak poprawić. A w czym problem? No z ustawieniem div. W IE wszystko jest fajnie i tak jak powinno. A w FF niestety jeden div pokrywa się z innym zdjęciem. Podaje link do strony:
http://www.kozuchykorzen.pl

Bardzo proszę o pomoc i różne poprawki oraz komentarze do tego kodu abym mógł pogłębić zagadnienie robienia stron bez tabel.

kod CSS:
  1. body {
  2. background-color: #7390C4; margin-top: 7px; margin-left: 0; margin-right: 0; margin-bottom: 7; font-family: Tahoma; color: #000000; font-size: 12px; }
  3. p.naglowek {
  4. margin-left: 15px; margin-top: 0px; margin-bottom: 0px; color: #FFFFFF; font-weight: bold; line-height: 22px; }
  5. #top {
  6. background-color: #FFFFFF; width: 978px; margin: auto; }
  7. #logo {
  8. width: 84px; height: 70px; padding-left: 30px; float: left; }
  9. #mini_menu {
  10. width: 200px; float: right; text-align: right; margin-top: 20px; padding-right: 30px; display: run-in; }
  11. #mini_menu ul {
  12. display: inline; padding-left: 0px; margin-left: 0px; }
  13. #mini_menu li {
  14. list-style-type: none; display: inline; padding: 5px; }
  15. #reklama_a {
  16. background-color: #FFFFFF; width: 960px; text-align: center; margin: auto; margin-top: 5px; margin-bottom: 5px; }
  17. #menu {
  18. background-image: url(grafika/bg_menu.gif); width: 960px; margin: auto; line-height: 39px; font-weight: bold;}
  19. #menu ul {
  20. display: inline; padding-left: 0px; margin-left: 0px; }
  21. #menu li {
  22. list-style-type: none; display: inline; padding: 17px; }
  23. #lewa_kolumna {
  24. width: 362px; padding-left: 10px; padding-top: 15px; float: left; }
  25. #logowanie_naglowek {
  26. background-color: #7390C4; width: 362px; }
  27. #logowanie_formularz {
  28. background-color: #D2DFEB; height: 150px; width: 362px; }
  29. #informacja {
  30. padding-top: 15px; height: 150px; width: 362px; }
  31. #prawa_kolumna {
  32. width: 586px; float: right; padding-right: 10px; padding-top: 15px; }
  33. #tekst {
  34. width: 960px; padding-bottom: 15px; padding-top: 15px; text-align: justify; margin: auto; }
  35. #logo_stopka {
  36. width: 58px; padding-left: 30px; float: left; }
  37. #menu_stopka {
  38. width: 860px; float: left; text-align: center; padding-top: 7px; }
  39. #menu_stopka ul {
  40. display: inline; padding-left: 0px; margin-left: 0px; }
  41. #menu_stopka li {
  42. list-style-type: none; display: inline; padding: 5px; }
  43. #tresc_stopka {
  44. width: 860px; float: left; text-align: center; padding-top: 5px; }


Z góry dziękuje i czekam na mądre rady.
Go to the top of the page
+Quote Post

Posty w temacie


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 - 16:09