Az élet nem habostorta

2006 november 17. | Szerző: Holli |

Elégedett vigyor ül mindig a képemre, ha a képernyőn azt látom, amire számítottam. Az a baj, hogy nem mindig azt látom, amire számítok.

Ennek több oka lehet. Például hülyeséget irkálok, a böngészőnek pedig fogalma sincs, hogy mit kéne neki csinálnia, szerintem. Vagy például az alapgondolat nem rossz, csak becsúszik egy apró gépelési hiba: szóköz kerül oda, ahová nem kéne, lemarad (feleslegesen odakerül) egy kettőspont, egy kacsacsőr, egy idézőjel, egy kapcsos zárójel. No és akkor ott vannak a böngészők, amik előttem ismeretlen okokból nem akarják összehangolni a tudásukat, így aztán előfordulhat, hogy nem is bennem van a hiba, hanem mondjuk Bill Gatesben.

A tegnapi honlappal molyolok. Az egész képernyőt halvánszürkére színeztem:

body {
background-color: #EEEEEE;
}

Magának a honlapnak a hátterét sötétszürkére színeztem, adtam neki egy 6 pixel széles dupla keretet piros színben, és azt mondtam, hogy a képernyőn alul-felül 30 pixel margója legyen, a jobb és bal oldal pedig a meglévő helyen osztozzon (vagyis a képernyő felbontásától függetlenül mindig középen legyen a honlap).

#egeszhonlap {
   width:   750px;
   margin: 30px auto;
   border:   6px double #CC0033;
   background-color:   #CCCCCC;
}

A szöveg blokk szélességét 350 pixelre csökkentettem, mert most már mindenféle külső és belső margókat is bele kell számolnom a 750 pixel össz-szélességbe, nem csak a tartalmat. A háttérszín fehér lett, és az egész blokk 20 pixelnyi távolságra került a honlap szélétől:

#szoveg {
width: 350px;
background-color: #FFFFFF;
margin: 20px;
}

A linkfalnál és a főcímsorban ugyanígy 20 pixel külső margót és fehér háttérszínt adtam meg:

#linkfal {
   background-color:   #FFFFFF;
   margin:   20px;
   }

h1 {
background-color:   #FFFFFF;
   margin:   20px;
   }

Ezek után azt vártam, hogy a halványszürke képernyő közepén megjelenik a sötétebb szürke honlapom, benne a három fehér hátterű szöveges résszel.

A kívánatos látványt csak az Opera nyújtotta. Az Explorert nem tudtam rábírni, hogy középre tegye a honlapot, és a címsor túlnyúlik az alsó két blokkon. A Firefox pedig – nagy megrökönyödésemre – egészen elképesztő kinézetet produkált, az egész honlapra vonatkozó háttér- és kerettulajdonságok csak a címsorban jelentek meg. Ezen a képen jól látni a különbségeket:

A honlap itt található meg, a teljes forráskódja pedig a böngészőnek a Nézet-Forrás menüpontjában.

Akit érdekel ez a stíluslapos honlapgyártás/sablonmódosítás, az töltse le az IE legújabb, 7-es verzióját, mert azt mondják, hogy a 6-oshoz képest sokat javult a stíluslap-kezelése, de amíg senki nem járkál erre a legfrissebb böngészővel, addig én se megyek vele sokra.

Nem nagyon vagyok ám letörve, mivel olyan ez a honlapom, amilyen nekem még sose volt: kétféle szabványnak is megfelel. Erre majd visszatérek.