+- 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: Wyrownanie diva bez pozycjonowania (/thread-wyrownanie-diva-bez-pozycjonowania)
Wyrownanie diva bez pozycjonowania - grzesiek77 - 22-05-2012
Koledzy mam nastepujacy problem.
Sa trzy warstwy:
![[Obrazek: divy.png]](http://img52.imageshack.us/img52/7964/divy.png)
W (x)html wyglada to skrotowo tak:
Kod:
<div class="kontenerek">
<div class="lewa">
<p>
tekst
</p>
</div>
<div class="prawa">
<p>
tekst
</p>
</div>
<div class="stopka">
<p>
stopka
</p>
</div>
</div>w .css
Kod:
.kontenerek {
width: 980px;
margin: 0 auto;
}
.lewa {
float: left;
width: 240px;
padding-right: 10px;
}
.prawa {
float: right;
width: 710px;
padding-left: 10px;
padding-right: 10px;
}
.stopka {
width: 710px;
float: right;
clear: both;
}I niestety warstwa stopka jest na wysokosci konca warstwy .lewa, a chcialbym by byla bezposrednio pod warstwa .prawa jak na obrazku.
Probowalem tez tak, ze wrzucalem diva .stopka do diva .prawa i pozycja byla ok, ale dziedziczyl kolor po warstwie .prawa, a powinien miec inny
Pewnie znowu cos prostego
Probowalem tez dawac !important przy kolorze .stopka tak by przebijal sie nad ustawiony kolor .prawa, ale nie dzialalo...
RE: Wyrownanie diva bez pozycjonowania - Kartofelek - 22-05-2012
lewy + prawy w którym masz 2 divy - #prawa i #stopka.
RE: Wyrownanie diva bez pozycjonowania - grzesiek77 - 22-05-2012
Mozesz troche szerzej
Dzieki
RE: Wyrownanie diva bez pozycjonowania - Kartofelek - 23-05-2012
Kod:
lewy + prawy w którym jest .prawa i .stopkaszerzej nie dam rady
Kod:
div1 div2
[lewy] [prawa + stopka]RE: Wyrownanie diva bez pozycjonowania - grzesiek77 - 23-05-2012
Sorry zalapalem. Nie wiedzialem, ze takie proste
RE: Wyrownanie diva bez pozycjonowania - Moody - 23-05-2012
a nie byłoby lepiej jak clear usunałby z stopka
i dał go w .prawa:after ?
RE: Wyrownanie diva bez pozycjonowania - Kartofelek - 23-05-2012
Można oczywiście. Ale powiem ci że ja wolę czasami dorzucić jeden div więcej i mieć pewność że to będzie prawidłowo działać. Czasami ta "automatyzacja" wychodzi nam na złe. Oczywiście twoja metoda jest lepsza jeżeli brać pod uwagę że stopka ma się rozciągnąć na całą szerokość jak jest pod lewą kolumną
RE: Wyrownanie diva bez pozycjonowania - Moody - 23-05-2012
A czy da się to rozwiązać inaczej jeśli ma być stopka tylko pod prawą kolumną? Innym sposobem niż Twój? Bo szczerze mówiąc, bo nie sprawdzałem tylko z głowy tak wziąłem, ze jak zrobi się tak jak napisałem to po prostu przesunie stopkę pod prawego diva,a nie pod oba.
Że może jakoś tak: .prawa:after i do tego dać clear: right; ?