Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: DIV + scroll problem
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
b4dm45h
Witam, siedzę i siedzę i poradzić sobie nie mogę z pewnie i banalnym problemem. Otóż chce żeby lewy div rozciągał się w stosunku do prawego gdy jego treść przekroczy wysokość okna i zaczniemy używać suwaka, pod IE działa a pod innymi niestety nie.. Oto kod:
  1. <div style="position: relative; margin: 0 auto; width: 100%; height: 100%; background-color:#009966;">
  2. <div style="position: absolute; top: 0; left: 0; bottom: 0; width: 25%; height: 100%; background-color:#CC6666;">
  3. Nie rozciąga się wzgledem prawego pod FF
  4. </div>
  5. <div style="float: right; width: 74%; background-color:#993399;">
  6. Lewy div powinien rozciagac sie wg wysokosci tego diva<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
  7. </div>


prosiłbym o pomoc
Damonsson
Kompletnie źle myślisz. Poczytaj jakieś kursy CSS.

  1.  
  2. html, body {
  3. margin: 0;
  4. padding: 0;
  5. width:100%;
  6. height:100%;
  7. }
  8.  
  9. #tlo {
  10. background: #00f;
  11. width:100%;
  12. height:100%;
  13. }
  14. #glowny {
  15. background: #f00;
  16. }
  17. #tresc {
  18. margin-left: 150px;
  19. background: #0f0;
  20. }
  21. #lewa {
  22. width: 150px;
  23. float: left;
  24. background: #f00;
  25. }
  26. #stopka {
  27. background: #000;
  28. }
  29.  
  30.  
  31.  
  32. <div id="tlo">
  33. <div id="glowny">
  34. <div id="lewa">
  35. lalalalalalalala
  36. </div>
  37.  
  38. <div id="tresc">
  39. Lewy div powinien rozciagac sie wg wysokosci tego diva <br> <br> <br> <br> <br> <br> <br> <br> <br>
  40. </div>
  41. </div>
  42. <div id="stopka">sdfasdasda</div>
  43. </div>
b4dm45h
Super wielkie dzięki, wlasnie o ten pomysł z marginesem lewym mi chodziło. teraz już wszystko gra i chula winksmiley.jpg

Co do mojego myślenia to kod bo pewnie o niego Ci chodzi po prostu skopiowałem z jakiegoś posta z tego forum żeby szybko zobrazować problem.

dzięki jeszcze raz, pozdro
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.