Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]Problem z rociąganiem div'ów
andrzej7322
post
Post #1





Grupa: Zarejestrowani
Postów: 71
Pomógł: 1
Dołączył: 8.05.2010

Ostrzeżenie: (20%)
X----


Witam.
Mój problem polega na tym że mam stronę opartą na 5 głównych divach
1 header o ustalonej wysokości
2,3,4 -o wysokości zależnej od treści
5 - stopka
Chcialbym aby trzy środkowe divy rozciągały sie zależnie od siebie czyli gdy div 4 ma najdluższa treśc np na 400px to te dwa boczne dopasowują sie do wysokości.
Próbowałem padding-bottom:20000px; margin-bottom:-20000px;overflow:hidden;, lecz gdy użylem tych funkcji divy rozciagaly mi sie za stopkę na wysokość o 20000px wieksza.
Z góry dziękuję za pomoc.
Go to the top of the page
+Quote Post
bastard13
post
Post #2





Grupa: Zarejestrowani
Postów: 664
Pomógł: 169
Dołączył: 8.01.2010
Skąd: Kraków

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


Wydaje mi się, że w CSSie tego nie zrobisz. Musisz zaciągnąć do pracy JS, który będzie czytał ci wysokość divów 2,3 i 4, sprawdzał, który jest najdłuższy i reszcie przypisywał tą samą wysokość.


--------------------
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #3





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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


Zależy co chcesz zrobić możesz dać te 3 divy czyli lewa środek i prawa w dodatkowym divie szerokość łączna tych trzech divów . np.

  1.  
  2. #content {
  3. width: 1000px;
  4. overflow: hidden;
  5. background: #3399ff;
  6. }


Go to the top of the page
+Quote Post
andrzej7322
post
Post #4





Grupa: Zarejestrowani
Postów: 71
Pomógł: 1
Dołączył: 8.05.2010

Ostrzeżenie: (20%)
X----


chce uzyskać efekt taki jak na osir.walbrzych.pl na tej stronie nie uzywali do tego javascript ani position:absolute;
Go to the top of the page
+Quote Post
mischief
post
Post #5





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 10.03.2010
Skąd: Polska

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


Sprobuj dać dodatkowy div łączący div'a 2,3,4 w jedno

Ten post edytował mischief 4.06.2010, 18:45:11
Go to the top of the page
+Quote Post
andrzej7322
post
Post #6





Grupa: Zarejestrowani
Postów: 71
Pomógł: 1
Dołączył: 8.05.2010

Ostrzeżenie: (20%)
X----


dodałem ten div ale dalej nic się nie poprawiło
Go to the top of the page
+Quote Post
kvachu
post
Post #7





Grupa: Zarejestrowani
Postów: 33
Pomógł: 0
Dołączył: 14.06.2009

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


Andrzej, dzisiaj miałem ten sam problem, tylko, że z dwoma kolumnami. Znalazłem rozwiązanie TUTAJ. Co prawda to jest do dwóch kolumn, ale może jak pokombinujesz to chyba da się też na trzy. Tak czy inaczej z tego co wiem w googlach powinieneś szukać tego problemu ze słowami "faux columns".
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #8





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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


Cytat(andrzej7322 @ 4.06.2010, 23:30:51 ) *
dodałem ten div ale dalej nic się nie poprawiło



Witam dodajesz diva tego co ci napisałem w pierwszym poście dajesz tło tego diva i musi się rozciągać widocznie masz w którymś divie ustaloną stałą wysokość
jeśli nie działa pokaż strukturę css i html .


Stosuje takie rozwiązanie od samego początku
Go to the top of the page
+Quote Post
andrzej7322
post
Post #9





Grupa: Zarejestrowani
Postów: 71
Pomógł: 1
Dołączył: 8.05.2010

Ostrzeżenie: (20%)
X----


Temat do zamknięcia poradziłem sobie używając js.
Dziękuje wszystkim za chęci ale wczoraj w nocy znalezłem podobny skrypt co kvachu tylko trochę inaczej napisane i sobie przerobiłem pod trzy divy.
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 Aktualny czas: 21.08.2025 - 06:33