Ocena wątku:
  • 1 głosów - średnia: 5
  • 1
  • 2
  • 3
  • 4
  • 5
Rozciaganie diva z treścią strony
#1
Witam mam taki zapewne niewielki problem, aczkolwiek daje mi w kość. Mam stronke zrobioną w całości w css na divach i mam problem z rozciąganiem divów. Mam diva nadrzędnego w ktorym są 3 divy obok siebie(uzywam do tego float:left). Chcialbym zrobić tak ażeby, gdy środkowy(z tej podrzędnej trójki) div się rozciąga to żeby div nadrzędny też się rozciągał wraz z tłem. Jest ktoś w stanie mi pomóc ?
Odpowiedz
#2
Musisz nadać szerokość nadrzędnemu divovi o wartości auto. Natomiast te środkowe na przykład niech mają jakąś konkretną wartość, a ten centralny również auto.

A tło będzie się też rozciągało. W zależności jakie masz tło, obrazkowe czy nie. I musisz ustawić jak chcesz żeby obrazek się powtarzał.
Pomogłem? To daj plusa Cool
Odpowiedz
#3
ale mi chodzi o rozciąganie w pionie nie w poziomie więc szerokość chyba nie ma tutaj znaczenia. Tak w roli scislosci, ten srodkowy to div z ogólną treścią strony, i chodzi mi o to że jak napisze w nim duzo to zeby się rozciągał wraz z divem-rodzicem. Jesli zrobie tak jak mówisz z 'height' to spelni to swoje zadanie ?>
Odpowiedz
#4
Tak. Po prostu to co pisałem wyżej zrób na height Smile Daj znać czy wyszło.
Pomogłem? To daj plusa Cool
Odpowiedz
#5
najpierw spróbuj dodać do nadrzędnego diva overflow:auto;
jeżeli nie pomoże spróbuj dodać jeszcze jednego diva o wysokości 0px i display:block i w stylach ustaw clear:both;

Kod:
<div id="nadrzedny">
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
<div id="czysciciel" style="display:block;height:0px;clear:both;"></div>
</div>
ewentualnie zobacz

Kod:
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;

jeżeli to wszystko zawiedzie to spróbuj zrobić te wszystkie kolumny jako typ tabelkowy wtedy dodatkowo będziesz miał równą wysokość tych 3 kolumn i jeżeli jedna będzie wyższa to pozostałe automatycznie dostosują swoją wysokość
czyli nadrzedna musi być jako display:table
potem dodatkowy div w środku jako display:table-row
i potem już te 3 kolumny ustawiasz na display:table-cell
Odpowiedz
#6
Tak się nie stosuje clearfixa. Spytaj Kartofelka Tongue
Pomogłem? To daj plusa Cool
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  [css] div obok diva; hover nana 2 2,851 11-12-2012, 23:56
Ostatni post: nana
  [css] Div obok diva Mtk 7 6,060 07-10-2012, 01:54
Ostatni post: Mtk
  [CSS] Problem z pozycjonowaniem diva. Extragracz 5 3,313 31-08-2012, 16:06
Ostatni post: Extragracz
  onclick.. divy zasłania diva itp. harvester2001 10 5,439 13-07-2012, 21:47
Ostatni post: Kartofelek
  Dynamiczne ustalanie wielkości diva muchmorek 5 3,678 16-06-2012, 05:15
Ostatni post: camelrafal

Skocz do:


Użytkownicy przeglądający ten wątek: 2 gości
Sponsorzy i przyjaciele
SeoHost.pl