1.0Stílusosanhttps://stilus.cafeblog.huHollihttps://stilus.cafeblog.hu/author/Holli/<P>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.</P> <P>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.</P> <P>A tegnapi honlappal molyolok. Az egész képernyőt halvánszürkére színeztem:</P> <BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px"> <P>body {<BR>   background-color:   #EEEEEE;<BR>   }</P></BLOCKQUOTE> <P>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).</P> <BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px"> <P>#egeszhonlap {<BR>   width:   750px;<BR>   margin:  30px auto;<BR>   border:   6px double #CC0033;<BR>   background-color:   #CCCCCC;<BR>   }</P></BLOCKQUOTE> <P>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:</P> <BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px"> <P>#szoveg {<BR>   width: 350px;<BR>   background-color:   #FFFFFF;<BR>   margin: 20px;<BR>   }</P></BLOCKQUOTE> <P>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:</P> <BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px"> <P>#linkfal {<BR>   background-color:   #FFFFFF;<BR>   margin:   20px;<BR>   }</P> <P>h1 {<BR>   background-color:   #FFFFFF;<BR>    margin:   20px;<BR>   }</P></BLOCKQUOTE> <P>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. </P> <P>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:</P> <P align=center><IMG class=blogkep src="https://stilus.cafeblog.hu/files/varia.gif"> </P> <P align=left>A honlap <A href="https://stilus.cafeblog.hu/files/felforma2.htm"><STRONG>itt</STRONG></A> található meg, a teljes forráskódja pedig a böngészőnek a Nézet-Forrás menüpontjában.</P> <P align=left>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.</P> <P align=left>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.</P>rich