Problem modelu pudełkowego i hacki

[KlaxoN 0]

Witam

Ostatnio natrafiłem na hacki, dzięki którym można sobie poradzić z problemem modelu pudełkowego w CSS.

Na tej stronie miejwiecej są dobrze opisane popularne sposoby: http://webmade.org/kursy/kurs_css/hacki.php

Chyba najczesciej spotykany jest ten pierwszy sposob.

Ale neiwiem czemu żaden z tych sposobów nei działa mi na IE tak jak powinien.

Czym to jest spowodowne? Czy zalezy to od doctype? Czy może w nowych wersjach IE nie działają już te hacki?

 

A może macie jakis inny sposób żeby np. margin-top w IE i w innych przeglądarkach wygladał tak samo?

 

Z góry dzięki za odpowiedzi.

[Coldpeer 0]

Możesz użyć konstrukcji warunkowych dla IE, chociaż nie jest to zbyt optymalne rozwiązanie...

<style>
#foo { margin: 5px; }
</style>
<!--[if IE]><style> #foo { margin: 3px } </style><![endif]-->
...
<div id="foo">

W ten sposób możesz dołączać np. specjalnie przygotowany arkusz stylów dla IE.

[MDX 0]

A może macie jakis inny sposób żeby np. margin-top w IE i w innych przeglądarkach wygladał tak samo?

 

Z góry dzięki za odpowiedzi.

 

Ja znam jeden, na pewno dziala w xhtml'u najpierw dajesz klasyczny tag dla normalnej przeglądarki, a pozniej dla ie poprzedzone 'podkreślnikiem' _

 

np:

 

div{
margin:20px;
_margin:22px; /*w IE 20px zostanie nadpisane przez 22px*/
}

[Weasel 0]

IE parsuje takze elementy CSS nawet jesli maja myslnik na poczatku. Na przyklad:

 

BODY { background-color: white; -background-color: black; }

Kazda 'normalna' przegladarka zrobi tlo dokumentu bialym, 'nienormalna' przegladarka zrobi ja na czarno. Przydatne w momencie gdy marginesy i paddingi maja miec rozne wartosci na roznych przegladarkach (bo przeciez piksel nie jest taki sam we wszystkich...), chociaz np. Firefox wywala w konsoli blad parsowania elementu stylu.

[Coldpeer 0]

No tak, tylko, że w taki sposób ma się style niezgodne ze standardami (dla niektórych ważne)

[MDX 0]

No tak, tylko, że w taki sposób ma się style niezgodne ze standardami (dla niektórych ważne)

Ja tam wolę żeby się dobrze wyświetliło, ale są różne zboczenia

[KlaxoN 0]

MDX,Weasel: Czkejac na odpowiedz znalazłem na necie opis Star Hacka (tan hack). Działa mniej więcej na takiej zasadzie jak wy opisaliscie swoje sposoby, czyli robisz wpis w dwoch wersjach i jeden z nich poprzedzasz znakiem lub znakami przez które IE ma problem z odczytem.

 

Tylko że ja też zastanawiałem sie nad czyms bardziej zgodnym ze standardami. Wkońcu niewiadomo co nowy IE razem z Vista przyniesie. Są pogłoski że już bedzie sobie radził z takimi hackami, tak jak inne przegladarki - czyli niedobrze.

 

Coldpeer: Próbowałem użyć ten sposób już wcześniej i niewiem czego ale nie szło. Pozatym przy jego użyciu moga być problemy z przeglądarkami przedstawiającymi sie jako IE. Opera chyba ma takie ustawienia standardowo ale nie spradzałem jeszcze jak sie zachowuje przy tym sposobie.

[Coldpeer 0]

Ale Opera przedstawiając się jako IE zmienia tylko nagłówek User-Agent, a to chodzi o coś w mechaniźmie samego IE.

 

Można też w JS:

if(document.all) document.write('kod css dla IE');

(Tylko IE obsługuje metodę "all" z obiektu "document")