+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Rozciaganie diva z treścią strony (/thread-rozciaganie-diva-z-tre%C5%9Bcia-strony)
Rozciaganie diva z treścią strony - zatachi - 17-05-2012
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 ?
RE: Rozciaganie diva z treścią strony - Moody - 17-05-2012
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ł.
RE: Rozciaganie diva z treścią strony - zatachi - 17-05-2012
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 ?>
RE: Rozciaganie diva z treścią strony - Moody - 17-05-2012
Tak. Po prostu to co pisałem wyżej zrób na height
Daj znać czy wyszło.
RE: Rozciaganie diva z treścią strony - camelrafal - 17-05-2012
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>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
RE: Rozciaganie diva z treścią strony - Moody - 17-05-2012
Tak się nie stosuje clearfixa. Spytaj Kartofelka
