Gdy divy nie mieszczą się w pionie.. jak przenieść na bok?

0

Co zrobić, aby divy rozmieszczały się najpierw w pionie, a gdy zabraknie miejsca kontynuowały rozmieszczanie obok (w następnej kolumnie)?
Kombinowałem, na różne sposoby, ale niestety nic konkretnego nie wymyśliłem. Szerokość dropdown jest ustawiona na min-width: 196px, więc powinna automatycznie się dopasowywać gdy wysokość jest na sztywno.

Adres strony: www.katido.kproj.pl

7c2edb4f45.png

0

wydaje mi się, że mógłbyś za pomocą display: flex i pokrewnych właściwości:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

0
LukeJL napisał(a):

wydaje mi się, że mógłbyś za pomocą display: flex i pokrewnych właściwości:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Masz rację. Udało mi się stworzyć coś takiego. Niestety #container nie jest elastyczny w szerokości w zależności od ilości kolumn, które się pojawią. Jakieś pomysły? Nie chcę robić na sztywno menu na całej szerokości ekranu.

31d9410480.png

0

poszukaj css columns

0

auć, dobrze że mam przygaszony monitor, bo ten orange by mi gały wypalił :)

nie lepiej było użyć jakiegoś frameworka skoro i tak używasz jQuery? ostylowałby ci od razu+RWD, a tak to bida panie...

0
czysteskarpety napisał(a):

auć, dobrze że mam przygaszony monitor, bo ten orange by mi gały wypalił :)

nie lepiej było użyć jakiegoś frameworka skoro i tak używasz jQuery? ostylowałby ci od razu+RWD, a tak to bida panie...

Powiedz mi, bo już wiele osób mi proponuje tego frameworka. Nie wiem do czego to służy. Zawsze jak szperałem w tworzeniu stron to trzymałem się standardowego programowania. Co to ten framework mi umożliwi? Czy będę mógł go tak go dopasować, aby łączył się z moją istniejącą bazą danych (w bazie mam wszystkie produkty, użytkowników, kategorie, które się ładują)? Czy koszyki, strefa płatności, menu to wszystko mogę zrobić za pomocą tego frameworka? Który framework mi polecisz do zrobienia sklepu internetowego? Czy framework zapewni dobre wypozycjonowanie strony?

1 użytkowników online, w tym zalogowanych: 0, gości: 1