Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Miten tehdä IE9:llä toimiva sivu

jarpenet [03.12.2012 13:24:54]

#

Moikka! Yksinkertaista html-koodia sivustolle, Firefoxin muottiin. Ei edes PHP:tä mukana. Mitä kaikkea pitäisi ottaa huomioon, että IE9 taipuisi edes ymmärrettävästi samantyyppisesti? Miten voisi käyttäjän selain testata ja jos ei ole Firefox, niin kerrottaisiin se käyttäjälle?

Lebe80 [03.12.2012 13:33:29]

#

Php ei vaikuta siihen html:n ja css:n muotoiluun pillään tavalla.

Ja nykyään ei mitään ihme kikkailuja tarvita, että sivu näyttää samalta ie:llä ja firefoxilla. Enemmänkin ongelmia on juuri ie:n vanhemmilla selaimilla.

Itse ruuttasen isommilla julkkareilla (joissa sisällön tuottaa asiakas itse) ns. cssreset -tiedoston mukaan, jonka jälkeen muotoilen css-tyylitiedoston periaatteessa alusta asti uudelleen. Omassa yksinkertaisessa html-sivussa semmosta harvoin tarvitsee.

Ja jätä se firefox-ilmoitus hittoon, se tulee ärsyttämään vain sivun käyttäjiä, ja varsinkin kun Chrome on yksi selkeästi suosituimmista selaimista.

Parhaaseen lopputulokseen pääset, kun asennat _itsellesi_ Firefoxin, IE9:n ja Chromen ja testaat jokaisella omaa sivuasi ja muokkaat css-tiedostoa sen perusteella.

Metabolix [03.12.2012 17:13:55]

#

Kaikessa nettisivujen tekemisessä kannattaa ottaa lähtökohdaksi, että sivut ovat nykyaikaista ja validia HTML5-koodia ja tyylit valideja CSS-tyylejä. Jos koodissa on virheitä, on ihan oma syy, että ne näkyvät väärin.

Jos välttämättä haluat valittaa käyttäjälle selaimesta, kannattaa edes rajoittaa valitukset ehdollisilla kommenteilla vain vanhoihin IE:n versioihin (IE7 ja aiemmat), joilla oikeasti on ongelmia.

<!--[if lt IE 8]>
	<div id="ie-huom">
		<em>Huomio!</em> Käytät vanhaa versiota Internet Explorer -selaimesta.
		Kannattaisi hankkia <a href="http://www.browserchoice.eu/BrowserChoice/browserchoice_fi.htm">uusi selain</a>.
	</div>
<![endif]-->

ljlassi [11.12.2012 23:00:39]

#

IE9:llä ei pitäisi olla käytännössä mitään ongelmia validin xhtml:n ja Javascriptin kanssa. Lähinnä ongelmia voinee tulla esimerkiksi CSS3:n (ja sitä käyttävien jQueryn toiminnallisuuksien) kanssa, mutta sekin on periaatteessa tuettu. Ongelmat johtuvat aina lähes poikkeuksetta tavalla tai toisella epävalidista koodista, eli opettele alusta alkaen tekemään 100% validia koodia.

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta