Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Problem z float w dwóch divach obok siebie - Wersja do druku

+- 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: Problem z float w dwóch divach obok siebie (/thread-problem-z-float-w-dwoch-divach-obok-siebie)



Problem z float w dwóch divach obok siebie - VuQ - 02-10-2011

Witajcie

Mam niestandardowy problem z float w dwóch div-ach obok siebie.

Sytuacja wygląda tak jak na tym obrazku:

[Obrazek: css1b.png]

Czyli w div-ie A float-ują się left div-y A1 - A4, a w div-ie B float-ują się left div-y B1 - B12.

Chciałbym uzyskać taką sytuację jak na obrazku poniżej:

[Obrazek: css2jq.png]

Czyli chciałbym div-y B1, B4, B7, B10 float-owały się do div-ów A1, A2, A3, A4. Nie mogę głównych div-ów A i B ułożyć w inny sposób.

Wiecie jak to zrobić?

Dzięki za pomoc.

VuQ


RE: Problem z float w dwóch divach obok siebie - mateo - 02-10-2011

Albo pobaw się z ujemnymi marginesami lub olej podział na A i B.


RE: Problem z float w dwóch divach obok siebie - VuQ - 02-10-2011

Tak się nie da niestety zrobić. Div-y B1 - B12 zawarte w div-ie B są float: left. Aby zrobić tak jak piszesz musiałbym rozpoznać każdy pierwszy z lewej i takiemu dać margines, a to przy float nie jest możliwe. Dodatkowo div-y A1 - A4 mają losową szerokość.


RE: Problem z float w dwóch divach obok siebie - Marys - 02-10-2011

A te A i B to jakieś tło, a A1-4 i B1-B12 to treść?


RE: Problem z float w dwóch divach obok siebie - Kartofelek - 02-10-2011

mateo ma rację.
Albo w lewo albo w prawo. W obie strony nie da się iść, chyba że się rozerwiesz.

"Aby zrobić tak jak piszesz musiałbym rozpoznać każdy pierwszy z lewej i takiemu dać margines, a to przy float nie jest możliwe."
Że jak? A kolega nth-child() to używał kiedyś? Poza tym istnieją przecież klasy itp.