Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] problem z margin w ff i ie
Forum PHP.pl > Forum > Przedszkole
Lejto
Mam kod który wyświetla zdjęcia w boksach, nie działał on poprawnie w ie bo wyświetlał 1 zdjęcie pod 2 zamiast w rządku dlatego dodałem float:left; i pokazuje ok ale trochę rozwalone jest.
  1. #gal2{
  2. border:1px solid #C8CDD2;
  3. float: left;
  4. display: inline-block;
  5. position: relative;
  6. font-family: Verdana, Geneva, sans-serif;
  7. font-size:11px;
  8. padding:10px;
  9. margin:10px;
  10.  
  11. }

jak wywale margin to jest ok, ale margin musi być
erix
IE przelicza inaczej marginesy. Musisz dla niego zrobić osobne regułki.
marian84
Tworcy IE stworzyli taką małą "protezę" dla złej interpretacji css'a.

Wypróbuj:
<!--[if IE 5.0]> kod interpretowany tylko przez IE 5.0 <![endif]-->
<!--[if IE 5.5]> kod interpretowany tylko przez IE 5.5 <![endif]-->
<!--[if IE 6.0]> kod interpretowany tylko przez IE 6.0 <![endif]-->

Możesz to jeszcze zwarunkować, gdy np w IE6 jest ok a w IE7, IE8 jest nie tak, np:

<!--[if gt IE 6.0]> kod interpretowany tylko przez IE w wersji większej niż 6.0 <![endif]-->

Dopuszczone są operatory logiczne:

gt - większa niż
gte - większa lub równa
lt - mniejsza
lte - mniejsza lub równa
! - nierówna
erix
Ale skoro ma tylko jedną małą regułkę, to na co osobny CSS? tongue.gif

Wystarczy albo:
Kod
* html #gal {margin: 0px; }

Albo:
Kod
margin: 1337px !important; margin: 0
marian84
!important- interpretowany jest chyba też przez IE7 (?)-- a nie napisał o które IE chodzi
erix
Wtedy używa się innego selektora. A z tego, co pamiętam, to IE7 już nie miało double-margin bug.
Lejto
ok dzięki wielkie
pieprzone ie..
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.