Inna szerokość przy obramowaniu (border).

[jn2004]

Witam

Mam chyba standardowy problem, bo każdy musiał przez to przejść (chyba).

Niestety nie znalazłem odpowiedzi na forum. A więc problem wygląda tak:

Piszę kod np.

<div style="border:1px solid #000;width:200px;">tekst</div>

W FF i O szerokość wynosi 504 (2 + 500 + 2) px, a w IE jest 500px,

powód znam, FF i ) zgodnie z zasadą robi ramkę na zewnątrz, ale niestety

IE wciąga ją do środka. Mam projekt który robie na styk px w px i nie

moge sobie pozwolić na takie coś.

Można to jakoś sprytnie ominąć?

(piszę w 1.0 Strict jak coś)

Pozdrawiam

[kander]

https://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug

[rincewizard]

Problem występuje w starszych wersjach IE, można go rozwiązać np. w ten sposób:

width: 504px;  /* IE 5 */	
voice-family: "\"}\""; 
voice-family:inherit;
width: 500px;	 

[jn2004]

Niestety rincewizard nie działa. Kander niestety nie znam angielskiego,

kierowałem się kodami jakie tam znalazłem (a dokładnie pod linkami),

ale też nic - pewnie coś żle zrobiłem. Konkretnie to mam takie coś:

#logo {

width:750px;

margin:5px;

height:160px;

background:#DFDFDF;

border:1px solid #343434;

}

Che osiągnąć 750px pod każdą przeglądarką,

prosze mi napisać co mam wstawić do pliku style.css

zamiast tego (łącznie z jakimiś ewentualnymi wstawkami

na początku lub końcu, że np. stosuje jakiś buk czy coś,

bo nie wiem czy trzeba coś deklarować wcześniej).

[kander]

Moze to Ci pomoze: https://webmade.org/kursy/kurs_css/hacki.php

[rincewizard]

Dla drugiego przykładu kod będzie wyglądał następująco:

#logo {
margin:5px;
height:160px;
background:#DFDFDF;
border:1px solid #343434;
width: 752px;  /* IE 5 */	
voice-family: "\"}\"";
voice-family:inherit;
width: 750px;   
}

sprawdzone i działa, przykład pierwszy również tylko trzeba go w odpowiednim miejscu umieścić

[jn2004]

Nie działa, nie mam pojęcia czemu,

wrzuciłem to do pliku style.css.

Sprawdzam pod IE 6 z SP2 (zmieniałem oznaczenia przy stylach na 6 i samo IE),

podobno pod 6 już powinno działać normalnie, a tu zonk Ehh - inne tricki też nie

działają, może coś żle robie, rozszerzenie mam .html (bedzie .php), doctype:

XHTML 1.0 Strict, wszystko do tej pory zgodne ze standardami i z XML-em :/

[Gość w3master]

#logo {
width: 752px;  /* IE 5 */	
voice-family: "\"}\"";
voice-family:inherit;
width: 750px;   
}

a moze jednak:

width: 750px;  /* IE 5 */	
voice-family: "\"}\"";
voice-family:inherit;
width: 738px; /* 750 - 2*1px - 2*5px */