Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: position:fixed ja IE

Paulus M [20.08.2009 02:10:59]

#

Morjensta taas vähään aikaan.
Mites saisin position fixedin toimimaan IE:llä? Pitääkö vääntää Javascripti saadaakseen fixedin toimimaan?

enigma81 [20.08.2009 07:59:20]

#

IE 7 eteenpäin pitäisi olla tuki myös position fixedille joten kikkailu on tarpeen vain jos haluat tukea vanhempia versioita.

googleen hakusanat : position fixed ie
ja ensimmäinen tulos viittaa osoitteeseen : http://www.howtocreate.co.uk/fixedPosition.html

ja sieltä löytyy jonkinlainen bugikorjaus

Merri [20.08.2009 16:27:04]

#

Pitää myös muistaa, että tarvitset tietyllä tavalla määritellyn DOCTYPEn. Tärkeintä on, että se on määriteltynä aivan tiedoston alkuun, edessä ei saa olla välilyöntiä, rivinvaihtoa tai ylipäätään mitään merkkejä. XHTML-tiedostoissa ei saa olla edes XML-prologia.

Tällä tavoin varmistat, että IE7 ja IE6 ovat strict-tilassaan, joka vastaa suurinpiirtein toisten selainten "melkein strict" -tilaa. IE6 ja IE7 sisältävät siis vain kaksi eri renderöintitilaa, kun taas muut selaimet (IE8 mukaanlukien) sisältävät vähintään kolme eri renderöintitilaa. Nämä tilat vaikuttavat mm. siihen, miten padding vaikuttaa elementin leveyteen kun leveys on määritelty (teknisin termein puhutaan semmoisesta kuin box model). Renderöintitilaan vaikuttavat sellaiset asiat kuin DOCTYPE, palvelimen kertomat tiedostotyyppitiedot, metatiedot ja jotkin selainkohtaiset kriteerit.

Paulus M [20.08.2009 18:41:00]

#

no mites tuollainen doctype määritellään, kun latasin nyt uusimman explorerin mutta position fixeddi ei toimi.
Oisko jotain simppeliä doctype ehdotusta?

Merri [20.08.2009 19:36:28]

#

Tässä on ihan perusrunkomallit, joissa on otettu myös sivun merkistön koodaustapa sekä kieli huomioon.


HTML 4.01 Strict:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fi">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

XHTML 1.0 Strict:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fi">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title></title>
	</head>
	<body>
	</body>
</html>

Näiden kanssa yksinkertaistaen... vaihtamalla strictien tilalle transitional saa vaihdettua sivun renderöinnin strict-tilasta melkein strict -tilaan. Poistamalla DOCTYPEn sivu menee quirks-tilaan.

Paulus M [20.08.2009 19:50:02]

#

kiitokset, nyt homma toimii!

Vastaus

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

Tietoa sivustosta