GoldenLine
Zaloguj się
Paweł Jadczak

Paweł Jadczak webmaster,
freelancer,
przedsiębiorca

Temat: zaokrąglenia oraz wewnętrzny float

Witam, wczoraj zetknąłem się z pewnym problemem, z którym nie mogę sobie poradzić. Zazwyczaj potrafię w css określić praktycznie wszystko ale w tym przypadku prosty kłopot okazał się dla mnie murem i potrzebuje opinii osób z branży. Mianowicie w blok, który ma zaokrąglenia i obcinanie treści wewnątrz (overflow: hidden) wpisuje bloki, które mają float na lewo, i okazuje się narożniki mają jakieś resztki tła głównego kontenera, bardzo dziwny efejt powstał. Nie wiem jak takie problem rozwiązać, bo to jakiś bug przeglądarek, o dziwo IE jako jedyna przeglądarka nie posiada takiego defektu.

Dokładny przykład pod tym adresem: http://h15.pl/work/dlaczego.html (w przykładzie widać po lewej stronie te dziwne narożniki)

Mam nadzieję że istnieje proste rozwiązanie tego problemu, jakby ktoś miał w tym temacie coś do napisania byłbym wdzięczny za sugestie.
Link do wypowiedziLink

konto usunięte

Temat: zaokrąglenia oraz wewnętrzny float

Usuń overflow'a - w tym przypadku nie jest potrzebny :). Jest div o klasie "cl" z tego co widzę.
Co do "obcinania treści" cokolwiek to znaczy znajdzie się inne rozwiązanie ;-).
Link do wypowiedziLink
Krzysztof Safjanowski

Krzysztof Safjanowski Senior JavaScript
Lead Developer

Temat: zaokrąglenia oraz wewnętrzny float

Zamiast overflow – zastosuj clearfix
Link do wypowiedziLink
Paweł Jadczak

Paweł Jadczak webmaster,
freelancer,
przedsiębiorca

Temat: zaokrąglenia oraz wewnętrzny float

clearfix tu nie ma zastosowania, tu chodzi o to by obcinać rogi dla wewnętrznych bloków aby główny blok był zaokrąglony bez względu na to co w nim jest, w przypadku wewnętrznych float zaokrąglone rogi zostawiają ten dziwny ślad. Gdy usunę overflow to będę miał zwykłe prostokąty
Link do wypowiedziLink

konto usunięte

Temat: zaokrąglenia oraz wewnętrzny float

Artefakty przy takim połączeniu nie są chyba czymś nadzwyczajnym.
Rozwiązanie jest dosyć proste, wystarczy rozdzielić overfolow, border i background ....czyli obejmujesz całość dodatkowym blokiem - zewnętrzny ma overfolow i border, wewnętrzny background.
http://jsfiddle.net/2fYcJ/
Link do wypowiedziLink

konto usunięte

Temat: zaokrąglenia oraz wewnętrzny float

Paweł K.:
...Rozwiązanie jest dosyć proste...
I tym wlasnie roznia sie dziubacze od wyjadaczy
Szacuneczek :-)
Link do wypowiedziLink

konto usunięte

Temat: zaokrąglenia oraz wewnętrzny float

Nie wiem czemu ale ja na tym http://jsfiddle.net/2fYcJ/ przykładzie również widzę te zaokrąglenia (obydwie przeglądarki firefox wersja 24, chromium wersja 28.0.1500.71 Ubuntu 13.04 );
po małej modyfikacji
http://jsfiddle.net/2fYcJ/3/
zniknęły mi pod firefox wersja 24 ale pod chromium nadal są.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Float right i problem pod IE7




Wyślij zaproszenie do
Anuluj