Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
InfoBox - 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: InfoBox (/thread-infobox)



InfoBox - kkwiatkowski - 13-02-2014

Witam wszystkich. Czy ktoś pomógłby mi ustawić paramtery infoboxów na mojej stronie.
Są cztery infoboxy w pozycji bottom: Misja, Cennik, Zalety Pływania, Zajęcia.

Chodzi o to, że jak zmniejszam okno przeglądarki to wyjeżdżają one poza stronę.
Chciałbym aby było tak, żeby zostawały na stronie.

Moja strona to http://www.masterswim.pl


RE: InfoBox - Kartofelek - 14-02-2014

Albo dasz ich szerokość w % albo uzyjesz media queries.
W tym pierwszym aż się prosi by dac im box-sizing:border-box; i width:25% (+ jakieś paddingi)
W tym drugim zmniejszasz stronę do momentu aż się nie mieszczą. To jest twój breakpoint.

Weź sobie sprawdź te boksy debugerem. Bo jak dla
Kod:
#jm-top .rowcount_4 .top-in, #jm-bottom1 .rowcount_4 .bottom1-in
masz width:25% to już w nim masz divy które szerokość mają na sztywno (170). Wystarczy że tym elementom zmienisz np na 100% lub 110%