Ova stranica ima ispravan, kompletan XHTML1.0 DOCTYPE...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
...te se stoga koristi pravougaoni model prema CSS1 standardu. Zbog toga, ako na pasusu primenimo sledeći stil:
.primer p { background-color: #ffdcb9; margin: 0; padding: 20px 50px; border: 1px solid #000; width: 400px; }
...stvarna širina pasusa će biti 500px u svim modernim browserima, uključujući i IE6/Win i IE5/Mac.
Stalni pad cena laserskih štampača doveo je do toga da se najjeftiniji modeli po ceni mogu porediti sa inkjet-ovima iz više srednje klase. Na našem testu jeftinih lasera našlo se čak sedam interesantnih modela.
U IE5.x/Win, širina će biti 400px, pošto u njemu nije implementiran DOCTYPE switch.
Lično mišljenje: kada bih mogao, CSS1 model bih izbacio iz upotrebe i vratio u igru upravo taj stari, IE5.x/Win model. CSS1 model je izuzetno nepraktičan za bilo šta što nije fiksni dizajn. Ukoliko recimo želite da kreirate tri kolone, gde će leva zauzimati 20% širine, srednja oko 50% a desna oko 30%, to možete jednostavno uraditi, ali samo ako je padding:0
. Ako nije, jedino što možete da koristite za padding
su upravo procenti, što i nije baš najsrećnije. Na malom ekranu, tipa 800x600, za iole ozbiljniji razmak između kolona potrebno je 3-4%, što bi na 1280x1024 ili većoj rezoluciji bilo previše.
Sa starim modelom, prosto dodelite atributu width
date vrednosti, a zatim padding
definišete kao 1em, ili 15px ili šta god vam odgovara. Ovo je samo jedan primer nepraktičnosti. Stvari postaju još grđe kada u Javascriptu želite da očitate širinu elementa, jer će oElement.style.width
vratiti samo vrednost atributa width
, a vama u 95% slučajeva treba upravo width + padding-L/R
.
No, standard je takav kakav je. Svi moderni browseri se baziraju na njemu kao i svi eventualni budući browseri. Koji budući? Pa recimo za neke pametne šporete koji će preko Interneta skidati recepte, mikrotalasne rerne, satove koji će sa Interneta dohvatati tekuće vremenske prilike...