Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [Problem] Strona "nie trzyma się kupy"
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Conra
http://avr-pic.pl/avr/index.html - Jest tak
http://avr-pic.pl/avr/index_old.html - tak ma być

http://avr-pic.pl/avr/style.css - Tak ma być i jest
http://avr-pic.pl/avr/style_old.css - Css od ładniej wyglądającej strony

Myślę, że wiecie o co chodzi ^^
Prawa strona (środek) oraz stopka

Pozdrawiam
rzymek01
1. w CSS, jak masz w #strona width: 1000px; to już nie rób znowu width: 1000px; w podrzednym #top tylko width:100%; smile.gif
2. trochę długi ten kod i nie chce mi się całego przeglądać ale widzę że masz floaty, może gdzieś trzeba daj clear:both?
3. dobrym sposobem jest danie każdemu divowi obramowania typu `1px #000 solid` i wtedy zobaczysz co na co nachodzi biggrin.gif

powodzenia!
JoShiMa
Cytat(rzymek01 @ 11.08.2008, 11:21:10 ) *
3. dobrym sposobem jest danie każdemu divowi obramowania typu `1px #000 solid` i wtedy zobaczysz co na co nachodzi biggrin.gif


Uwaga exclamation.gif dodanie border może wszystko totalnie rozjechać, bo dodają się one do szerokości i divy mogą się przestać mieścić jeśli jest kilka w linii.
Shili
Kompletnie nie pojmujesz jak robić strony poprawnie!

Nie używaj pustych elementów! Do odsuwania czegokolwiek używa się marginesów, a nie setek niepotrzebnych i psujących czytelność strony divów. Ma to kilka zalet, pierwszą i najbardziej podstawową jest prosta modyfikacja w razie błędu. W tym prawdodpodobnie zarobisz się na śmierć.

Całą stronę masz megaźle rozpracowaną.

Sam html na stworzenie wszystkich tych elementów powinien wyglądać na przykład tak:

  1. <div id="container">
  2. <div id="header">
  3. <div id="logo">
  4.  
  5. </div><!-- koniec logo -->
  6. <div id="menu">
  7. <ul>
  8. <li>Pierwsza pozycja menu</li>
  9. <li>Druga pozycja menu</li>
  10. <li>i tak dalej</li>
  11. </ul>
  12. </div><!-- koniec menu -->
  13. </div><!-- koniec header -->
  14. <div id="search">
  15. Szukajka
  16. </div><!-- koniec search -->
  17. <div id="main">
  18. <div class="menuLeft">
  19. Tu znowu lista zamiast brów co odnośnik
  20. </div><!-- koniec menuLeft -->
  21. <div id="content">
  22. Treść strony i reklamy
  23. </div><!-- koniec content -->
  24. <div class="menuRight">
  25. Lista z zaprzyjaźnionymi stronami
  26. </div><!-- koniec menuRight -->
  27. </div><!-- koniec main -->
  28. <div id="footer">
  29. Stopka
  30. </div><!-- koniec footer-->
  31. </div><!-- koniec container-->


@edit
Nie wiem czemu nie pokazuje mi wcięć.
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.