Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] float + margin - różnie w IE i w FF
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
mieczyk
czy ktoś się spotkał z takim oto dziwnym nieco zjawiskiem, że użycie dla danego diva float: left + margin-left, powoduje, że w FF wyświetla się tak jak powinno (czyli szerokość marginesu jest odpowiednia) natomiast w IE - ta szerokość zwiększa się prawie dwukrotnie?


.jakasklasa {
float: left;
margin-left: 20px;
}

w IE margines ok: 40 px
w FF margines: 20 px
babejsza
dodaj "display: inline".
mieczyk
do diva display: inline?

nie wnikam w slusznosc i logike takiego rozwiazania - ale nie jest ono skuteczne... tzn. zadnych zmian
babejsza
Podaj pełny kod bo wydaje mi się, że masz problem z innym elementem. Sposób, który podałem to standardowy fix na bug w IE.
mieczyk
okej - faktycznie. utworzylem sobie jaka tam prosta divową konstrukcję i inline pomaga. postaram sie sam poszukac bledu i jak nie znajde - to wowczas bede prosic o pomoc tutaj.
Zajec
Dla potomnych: ważny jest DOCTYPE strict.
boya
mam podobny problem

Podwójnie zadeklarowana wartość pojawia sie w IE miedzy divami w pionie ... w poziomie sie ładnie kleją do siebie
Zajec
Cytat(boya @ 16.03.2007, 20:06:05 ) *
mam podobny problem

Podwójnie zadeklarowana wartość pojawia sie w IE miedzy divami w pionie ... w poziomie sie ładnie kleją do siebie

Zmień tę linijkę kodu, o której myślę.
a79rtur
Zajec: o co chodzi z tym DOCTYPE? jaka bedzie roznica dla STRICT a TRANSITIONAL np. ?
Zajec
Cytat(a79rtur @ 20.03.2007, 13:00:44 ) *
Zajec: o co chodzi z tym DOCTYPE? jaka bedzie roznica dla STRICT a TRANSITIONAL np. ?

Jeżeli IE w pierwszej linijce kodu nie zobacz DOCTYPE typu STRICT, to zacznie działać w "quirks mode", czyli po polsku: trybie dziwactw. Wtedy nie działałą wyśrodkowywanie poziome za pomocą marginesów auto, nie wiadomo jak należy liczyć wyświetlaną szerokość elementu (z paddingami? z borderem? z marginesem?) itp. Po prostu IE działa mało przewidywalnie w quirks mode.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.