[ BytEfLUSh @ 17.11.2004. 10:21 ] @
Imam CSS kod koji glasi otprilike ovako:

Code:
.menu {
    border:2px black solid;
    width:246px;
}


Širina menija, zajedno sa border-om treba da bude ravno 250 piksela. E sad, tu je problem. Firefox pri renderovanju stranice na width (246px) dodaje border (dva puta po 2px), i to izađe ravno 250px. Međutim, Opera to shvata drugačije - ona uzima 246px za kompletnu širinu menija, uključujući i border.

Moje pitanje je - koji je način ispravan? I jel postoji workaround tako da radi kako treba u oba browsera?
[ noviKorisnik @ 17.11.2004. 10:33 ] @
recimo...
Code:
.menu
{
    width: 250px;
}
.menu div
{
    border: 2px solid #000;
}

Code:
<div class="menu">
    <div>
menu items here...
    </div>
</div>
[ BytEfLUSh @ 17.11.2004. 10:42 ] @
Hvala, sad radi kako treba. :)
[ noviKorisnik @ 17.11.2004. 11:13 ] @
Problem je kada se istom elementu definiše i širina i nešto od margin, border ili padding.

http://www.positioniseverything.net/articles/box-model.html
[ BytEfLUSh @ 17.11.2004. 11:46 ] @
Hmmm interesantno... Do sada sam mislio da Opera radi po W3C standardima, ali izgleda da je u ovome ekvivalentna Explorer-u...