Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] problem z margin w ff i ie
Lejto
post
Post #1





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 48
Dołączył: 23.05.2007

Ostrzeżenie: (0%)
-----


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ć
Go to the top of the page
+Quote Post
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




IE przelicza inaczej marginesy. Musisz dla niego zrobić osobne regułki.
Go to the top of the page
+Quote Post
marian84
post
Post #3





Grupa: Zarejestrowani
Postów: 185
Pomógł: 10
Dołączył: 29.01.2008

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
erix
post
Post #4





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Ale skoro ma tylko jedną małą regułkę, to na co osobny CSS? (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

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

Albo:
Kod
margin: 1337px !important; margin: 0
Go to the top of the page
+Quote Post
marian84
post
Post #5





Grupa: Zarejestrowani
Postów: 185
Pomógł: 10
Dołączył: 29.01.2008

Ostrzeżenie: (0%)
-----


!important- interpretowany jest chyba też przez IE7 (?)-- a nie napisał o które IE chodzi
Go to the top of the page
+Quote Post
erix
post
Post #6





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Wtedy używa się innego selektora. A z tego, co pamiętam, to IE7 już nie miało double-margin bug.
Go to the top of the page
+Quote Post
Lejto
post
Post #7





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 48
Dołączył: 23.05.2007

Ostrzeżenie: (0%)
-----


ok dzięki wielkie
pieprzone ie..
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 12.10.2025 - 01:46