[CSS] padding property, Błedna irterpretacja przeglądarek ? Opcje

[Black-Berry]

mam element typu div takiej wielkosci:

Kod

|--------|
|  text  |
|--------|

jesli teraz zastosuje na nim styl CSS postaci

Kod

div{
    position:absolute;
    padding-right: 50px;
}

to w firefoksie zamiast zwiekszac odstep pomiedzy prawym brzegiem diva a tekstem przy zachowaniu jego szerokosci, div ten zwieksza sie o 50px; po prawej. W IE jest poprawnie. Mozna cos z tym zrobic?

Ten post edytował Black-Berry 24.06.2007, 12:14:58

[JaRoPHP]

Firefox interpretuje to w sposób właściwy (zgodnie z założeniami CSS) (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) :
Aby obliczyć całkowitą szerokość ramki, należy zsumować wielkości obszarów zawartości, dopełnienia i krawędzi. Np. szerokość diva wynosi 200px, krawędź ma szerokość 2px a dopełnienie wynosi 5px, to całkowita szerokość wynosi 214px.
IE (nie wiem jak z wersją 7) łamie ów model ramkowy - całkowita szerokość ramki dla tej przeglądarki jest zdefiniowana poprzez szerokość elementu, a obszar zawartości będzie się zmniejszał.

// małe spóźnienie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował JaRoPHP 24.06.2007, 12:41:33