Ongelmana on CSS muotoiltu layout sivustoilla, joka toimii muilla kokeilemillani selaimilla hyvin, mutta Internet Explorer (v6) aiheuttaa ongelmia. Eli IE:llä layouttiin tulee ylimääräisiä rakosia, jotka eivät siihen kuulu ja tämä on varsin suuri ongelma layoutissa. Layoutin CSS ja samoin xhtml ovat ainakin validaattoreiden mukaan oikein tehty. Eli missä vika?
Ja esimerkki ongelmasta löytyy osoitteesta:
http://user.personal.fi/atk/kako/
-Orak-
Arvaisin nyt pikaiseen että tässä tapauksessa ongelmat johtuvat siitä, että IE huomioi elementin korkeuteen myös fontin koon. Kokeile heittää noihin 12 pikselin korkuisiin font-size : 1px; – toisaalta, sivun rakenteen voisi koostaa niin että se korostaa sisältöä ja sen merkitystä paremmin ja toisaalta seassa on paljon tarpeettomia elementtejä, esimerkiksi naviyla naviala korvaantuisivat kokonaan paddingilla ja käyttö leiskan korkeuksiin on myös vähän niin ja näin.
Paremmin sisältöä kuvaavasti esim. se mihin suunnittelet ilmeisesti sivuston logoa voisi heittää ykköstason otsikoksi ja navigaatio voisi olla lista (joka on tyylitelty vaikka display : inlinellä vaakatasoon). Eli panostat sisällön kuvailemiseen hieman enemmän ensin ja sitten tyylittelet sillä mitä elementtejä on käytettävissä ja lisäät jotain vain jos ilman ei pärjää :)
Löysin ongelmaan ratkaisun Merrin vastauksessa, eli oli kyse todellakin tuosta IE:n tavasta huomioida elementin korkeuteen fontin koko. Meinasin jo aiemmin kirjoittaa, että muuta koodia ei ole järkevää kommentoida, koska olenhan tässäkin hommassa taas nousemassa persaus edellä puuhun :-) Ja tuo tapa, millä esitin tuon esimerkin ongelmasta, ei ollut paras mahdollinen, mutta onneksi Merri sai siitä selvän. Kiitän ja kummarran vastauksesta ja painun takavasemmalle rakentelemaan sivustoa etiä päin...
-Orak-
Aihe on jo aika vanha, joten et voi enää vastata siihen.