Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: <div> rozciągający się automatycznie w dół
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
mihauu
Witam.
Chyba poleglem w walce z cssami:(

chce osiągnąć taki efekt:



część kodu któa nie działą:
  1. <div class="Table_01">
  2. <div class="kontenerek">
  3. <div class="menu_cz">
  4. <div style="display:block">
  5. menu
  6. </div>
  7. <div style="display:block">
  8. menu 2
  9. </div>
  10. <div CLASS="polish" style="display:block">
  11. domena
  12. </div>
  13. </div>
  14. <div class="tresc">
  15. mnostwo zagniezdzonych warstw z trescia strony. one sa pozycjonowane relatywnie i dzialaja
  16. </div>
  17. </div>
  18. </div>

css:
  1. .Table_01 {
  2. position:relative;
  3. left:0px;
  4. top:0px;
  5. margin:0;
  6. width:850px;
  7. background-color:#FFFFFF;
  8. }
  9. .kontenerek {
  10. position:relative;
  11. left:0px;
  12. top:0px;
  13. width:700px;
  14. height:100%;
  15. }
  16. .menu_cz {
  17. position:relative;
  18. text-align:right;
  19. height:500px;
  20. top:233px;
  21. background-color:#CB3136;
  22. width:186px;
  23. }
  24. .tresc{
  25. width:480px;
  26. float:right;
  27. display:inline;
  28. clear:right;
  29. z-index:0;
  30. }
  31. .polish {
  32. float:none;
  33. margin-top:30px;
  34. top:500px;
  35. background-color:#FFFFFF;
  36. vertical-align:top;
  37. text-align:right;
  38. height:100%;
  39. }


Nie liczę na gotową podpowiedź bo to zbyt wiele, ale chcialbym w końcu pojąć o co chodzi z xhtmlem. Byłbym niesamowicie wdzięczny za jakąś pomoc w jaki sposób zagnieżdżać divy. Przydałby się też może jakiś link do dobrego tutoriala gdzie są w przystępny sposób podane informacje.

Z góry dziękuję mihauu
gekon
Spróbuj dać temu elementowi clear:both; ale nic nie obiecuje. I niepotrzebnie dajesz dla divów display:block; to są elementy blokowe.
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.