Logowanie

Jak użyć clear:both bez float: left?

pytanie zadane 29 marca 2016 w HTML i CSS przez artimal Gaduła (4,800 p.)

Cześć, chciałbym aby divy #eur i #gbp zyskały efekt clear: both lecz niestety mój kod nie działa. Warunkiem jest tutaj to by całość była wyśrodkowana. Potrzebuję tego w budowaniu responsywności za pomocą @media. Tutaj zamieszczam cały kod:
http://jsfiddle.net/rtM6J/128/
Proszę o pomoc,
Pozdrawiam

1 odpowiedź

odpowiedź 29 marca 2016 przez ScriptyChris Mędrzec (190,190 p.)
wybrane 29 marca 2016 przez artimal

Najlepsza

Zamiast float: none; wstaw margin: 0 auto; Wtedy clear: both; jest zbędne.

Z użyciem @Media: http://jsfiddle.net/rtM6J/131/

komentarz 29 marca 2016 przez artimal Gaduła (4,800 p.)

Chyba nie rozumiesz, chcę mieć w jednej linii wyśrodkowane pierwsze dwa divy, a w kolejnej dwa drugie :) Coś takiego:

komentarz 29 marca 2016 przez ScriptyChris Mędrzec (190,190 p.)

O tak?

http://jsfiddle.net/rtM6J/130/

komentarz 29 marca 2016 przez artimal Gaduła (4,800 p.)

Tak, tylko, że ten efekt ma działać pod warunkiem @media.

komentarz 29 marca 2016 przez ScriptyChris Mędrzec (190,190 p.)

Proszę:

http://jsfiddle.net/rtM6J/131/

komentarz 29 marca 2016 przez artimal Gaduła (4,800 p.)

Aaa no tak :) Dzięki wielkie. Uparłem się niepotrzebnie na edycję istniejących bloków.

1	komentarz 29 marca 2016 przez Pietrak Pasjonat (18,850 p.) Ja bym po prostu w tym kodzie http://jsfiddle.net/rtM6J/128/ ustawił szerokość .box w @media. Jeżeli waluty nie będą się mieścić to przeskoczą w dół.

Podobne pytania

0 głosów

1 odpowiedź 802 wizyt

Problemy w HTML z funckją komendy: "float left"

pytanie zadane 26 listopada 2016 w HTML i CSS przez Marcel Buczkowski Nowicjusz (120 p.)

0 głosów

3 odpowiedzi 607 wizyt

Problem z float:left;

pytanie zadane 31 lipca 2016 w HTML i CSS przez james30k Bywalec (2,260 p.)

0 głosów

3 odpowiedzi 647 wizyt

Problem z div'em (float: left)

pytanie zadane 6 kwietnia 2016 w HTML i CSS przez Stami Gaduła (3,790 p.)

...