Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> DIV + scroll problem
b4dm45h
post 23.06.2010, 12:42:49
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 23.06.2010

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


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
Go to the top of the page
+Quote Post
Damonsson
post 23.06.2010, 13:51:00
Post #2





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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


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>


Ten post edytował Damonsson 23.06.2010, 13:51:17
Go to the top of the page
+Quote Post
b4dm45h
post 23.06.2010, 22:30:23
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 23.06.2010

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


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
Go to the top of the page
+Quote Post

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 - 14:55