Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Pozycje Div'ów :)
Forum PHP.pl > Forum > Po stronie przeglądarki
kicaj
Chce osiagnac cos takiego:
http://m-cz.net/css/2.gif

Jak to zrobic?

1. Zawartosc `zielonego` moze miec dowolna wysokosc, tzn. zalezna od zawartosci.
2. Pole `szare` musi byc zawsze od gory do dolu, nie wychodzac po za obramowanie czerwone.
3. Pole `niebieskie` jest pod polem `szarym`.

Probuje to zrobic juz spory czas, najpierw zaczalem to na innym forum, ale bez skutku...

EDIT:
Zrobilem juz smile.gif
Jak ktos ma ciekawe rozwiazanie tego, to chetnie spojrze smile.gif
Bakus
ja mam bardzo ciekay pomysł... snitch.gif
  1. <table border="1">
  2. <tr>
  3. <td>niebieski</td>
  4. <td rowspan="2">szary</td>
  5. <td>niebieski</td>
  6. </tr>
  7. <tr>
  8. <td>bialy</td>
  9. <td>zielony</td>
  10. </tr>

[it's a joke only]
kicaj
hehe tabelki odpadaja...

Myslalem ze zrobilem to dobrze, ale niesety tylko testowalem na IE i tylko tam dziala sad.gif

  1.  
  2. body
  3. {
  4. margin: 0px;
  5. }
  6.  
  7. div#top
  8. {
  9. background-color: #045AE8;
  10. width: 760px;
  11. height: 100px;
  12. }
  13.  
  14. div#top_left
  15. {
  16. background-color: #E4E4E4;
  17. width: 50px;
  18. height: 100px;
  19. position: absolute;
  20. left: 70px;
  21. }
  22.  
  23. div#main
  24. {
  25. width: 760px;
  26. height: 0%;
  27. }
  28.  
  29. div#left
  30. {
  31. background-color: #E4E4E4;
  32. width: 50px;
  33. height: 100%;
  34. position: absolute;
  35. top: 100px;
  36. left: 70px;
  37. }
  38.  
  39. div#right
  40. {
  41. background-color: #2F7CFB;
  42. width: 640px;
  43. height: 100%;
  44. position: relative;
  45. top: 0px;
  46. left: 120px;
  47. }
  48.  
  49.  
  50. <div id="top">
  51.  
  52. <div id="top_left">
  53. </div>
  54.  
  55. </div>
  56.  
  57. <div id="main">
  58.  
  59. <div id="left">
  60. </div>
  61.  
  62. <div id="right">
  63. menu<br />
  64. <br />
  65. menu<br />
  66. <br />
  67. menu<br />
  68. menu<br />
  69. <br />
  70. menu<br />
  71. <br />
  72. menu<br />
  73. menu<br />
  74. <br />
  75. menu<br />
  76. <br />
  77. menu<br />
  78. menu<br />
  79. <br />
  80. menu<br />
  81. <br />
  82. menu<br />
  83. menu<br />
  84. <br />
  85. menu<br />
  86. <br />
  87. menu<br />
  88. menu<br />
  89. <br />
  90. menu<br />
  91. <br />
  92. menu<br />
  93. <br />
  94. menu<br />
  95. menu<br />
  96. <br />
  97. menu<br />
  98. <br />
  99. menu<br />
  100. menu<br />
  101. <br />
  102. menu<br />
  103. <br />
  104. menu<br />
  105. menu<br />
  106. <br />
  107. menu<br />
  108. <br />
  109. menu<br />
  110. menu<br />
  111. <br />
  112. menu<br />
  113. <br />
  114. menu<br />
  115. menu<br />
  116. <br />
  117. menu<br />
  118. <br />
  119. menu<br />
  120. </div>
  121.  
  122. </div>
sf
EDIT :

Hm, poszukaj na tej stronie, moze cos znajdziesz

http://css.maxdesign.com.au/
kicaj
Problem rozwiazalem, dziala na wszystkiech przegladarkach...
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.