Keskustelu: Nettisivujen teko: Erittäin mystinen taittovirhe IE7:lla

Ei sitä uskonut, että vielä tulee kysymään täältä neuvoa. Mutta ongelma on IE7:n tapa tulkita lähdekoodia. Toisella sivulla täysin saman ulkoasun pohjalta toimii täydellisesti, mutta toisella sivulla tulee ihmeellinen sekava olemus. En muuten tätä jaksaisi pohtia, mutta suurin osa kävijöistämme käyttää IE7:aa. Eli tästä kaksi verrokki esimerkkiä: http://gimp-suomi.org/oppaat/ tämä toimii siis kuin unelma, mutta sitten keskustelu http://gimp-suomi.org/phpBB3/ IE7 rankaisee silmää kovalla kädellä. En ole tähen löytänyt mitään apua. Joten toivosin täältä liikenevän pientä vinkkiä.

Mitä <!-- ///////////////////////////////////////////////////// --> tekee sivun alussa? Se sotkee IE8:nkin toimimaan "väärin", kun se ei pääse täyteen standardimoodiinsa.

Firefox osaa kertoa, että JavaScriptissä on rivillä 14 virhe: var jump_page = ; ja sitten perään tulee virhe styleswither.js:stä, todennäköisesti johtuen tuosta aiemmasta virheestä, joka on katkaissut JS:n käsittelyn.

	var jump_page = ;
	var on_page = ;
	var per_page = ;
	var base_url = ;
	var style_cookie = ;
    var style_cookie_settings = ;

Korjaa nämä ensin ja katsotaan sitten vinoileeko vielä sen jälkeen.

Sain nämä korjattua, kiitosta siitä. Tämä ensimmäinen kommenttirivi korjasi alkuperäisen ongelman, mutta nyt tuli uusi ongelma. IE sotkee kategorialistauksen osittain.

Sinällään hassua, että kyseistä vikaa ei ole IE6:ssa, mutta se on IE7:ssä sekä IE8:n yhteensopivuusmoodissa. IE8:n standardimoodi näyttää tuon OK. IE6:ssa tosin on sitten vilkkuvaa häiriötä, mutta se on onneksi vilkkaasti käytöstä poistuva selain.

Jos lisäät dl.icon { zoom: 1; } iefix.css:ään, niin korjaako se ongelman? Olen aika varma siitä, että ongelma liittyy kuitenkin jollakin tasolla floattiin ja position: relativeen, IE7 vaan täytyy saada jotakin kautta ymmärtämään mittasuhteet oikein. Bugi mikä bugi.

Eipä tämä helpannut yhtään, mutta enköhän tuosta vähän pääse silti eteenpäin.

Löysin pulmaan ratkaisin: overflow: hidden;
iefix.css:n sisältö:

dd.posts, dd.topics, dd.views, dd.lastposts {
	overflow: hidden;
}

dl.icon dt {
	overflow: hidden;
}

Apu löytyi http://csscreator.com/node/27238 aiheen viimeistä postauksesta.

Eräs pieni muotoseikka vielä vaivaa IE:tä. Se ei suostu keskittämään dd.posts, dd.topics ja dd.view laatikoita.