optimalizace stranek pro IE a FF zaroven?

the_macik · Příspěvek od **the_macik** » pon 4. pro 2006, 22:34

Zdravim.
Mame s kamosem takovej problem.vzdy kdyz urcitym zpusobem presne umistime text/odkaz/cokoli na strankach optimalizovanych pro FF, tak vzdy v IE je to treba o 10px posunuty dolu, ci doprava, jelikoz zacina zrejme jinak radkovani.
poradte, jak to mame optimalizivat tak, aby se nam to nehejbalo ani v jednom prohlizeci a nemuseli to vselijakyma tabulkama a bunkama vyvazovat?diky moc

pouzivame normalne zakladni notepad

lutor · Příspěvek od **lutor** » pon 4. pro 2006, 22:47

tak tohle jsme ve skole taky resili

ani nas profesor ucici na VS si s tim envedel rady, takez sme to vyresili vnorenou tabulkou (delali jsme stránky, vlevo grafické menu, nahoře header, pod ním text) to samé, ve FF vše ok, text zarovnaný jak má být. IE - text posunutý cca o 10-20px dolů, ani s CSS si nevedel rady...

Smith · Příspěvek od **Smith** » pon 4. pro 2006, 22:59

Pokud je ten web dynamický (PHP, atd...), tak není problém rozpoznat jestli uživatel přistupuje na web přes Internet Explorer, takže...

pro mě nejlepším řešením je udělat jedny základní styly (optimalizované pro FF/Operu) a pak fixní, které vidí pouze Internet Explorer.

např.:

Kód: Vybrat vše

	<link rel="stylesheet" type="text/css" href="styles.css" media="screen" />
	<?php
	if(eregi("MSIE 7", $_SERVER['HTTP_USER_AGENT']) && !eregi("Opera", $_SERVER['HTTP_USER_AGENT']))
	{
		echo('<link rel="stylesheet" type="text/css" href="styles_IE7Fixes.css" media="screen" />');
	}
	elseif(eregi("MSIE", $_SERVER['HTTP_USER_AGENT']) && !eregi("Opera", $_SERVER['HTTP_USER_AGENT']))
	{
		echo('<link rel="stylesheet" type="text/css" href="styles_IEFixes.css" media="screen" />');
	}
	?>

[CZ]Airwolf[OC]

Smith: otazka je zda to funguje i v IE7 atd...tech rozdilu je moc

Smith · Příspěvek od **Smith** » pon 4. pro 2006, 23:05

[CZ]Airwolf[OC] píše:Smith: otazka je zda to funguje i v IE7 atd...tech rozdilu je moc

mrkni na ten příklad co jsem uváděl... styles_IE7Fixes.css pro IE7 a tyles_IEFixes.css pro ostatní IE

[CZ]Airwolf[OC]

Sypu si popel na hlavu, uz spim. Ja jsem videl javascript, jdu si vymenit do rana oci...

Don Martinez · Příspěvek od **Don Martinez** » úte 5. pro 2006, 13:03

Pokud nechcete skriptovat tak: nastavte Doctype na Strict (i když to bohužel není všelék - pokud chcete použít rámy a zároveň mít validní web) a zbytek dolaďte hackama - i když teď nevím jak je bere IE7 (všechny moje weby s hákama se zobrazujou docela obstojně i v IE7), nicméně IE7 je od Microsftu, co se týče CSS, velkej krok vpřed

...

Příspěvek od **zombux** » úte 5. pro 2006, 16:12

pište web ve standardním módu a vykašlete se na quirk a rázem máte vyřešenou drtivou většinu problémů s IE...

http://wellstyled.com/html-doctype-and- ... -mode.html
http://hsivonen.iki.fi/doctype/
http://liorean.web-graphics.com/xhtml/c ... trict.html

SNowie · Příspěvek od **SNowie** » úte 5. pro 2006, 16:26

přidávám se - používejte doctype STRICT, ten vyřeší dost problémů a zbytek klasický podtržítkový hack

margin-left:xx;
_margin-left:yy;

druhé vidí jen IE a řídí se tím, je to prasárna, ale to je i IE samotný

Příspěvek od **zombux** » úte 5. pro 2006, 16:54

SNowie píše:přidávám se - používejte doctype STRICT, ten vyřeší dost problémů a zbytek klasický podtržítkový hack

margin-left:xx;
_margin-left:yy;

druhé vidí jen IE a řídí se tím, je to prasárna, ale to je i IE samotný

a já znova opakuju že když se web píše v standard módu tak tohle vůbec není nutný a IE se chová způsobně stejně jako ostatní browsery.

Pabos · Příspěvek od **Pabos** » stř 6. pro 2006, 20:22

co to znamena "ve stardantnim modu"? my kdyz pisem web v HTML, tak to delame normalne stylem
<html>
<head>
</head>
<body>
.......
</body>
</html>

a vetsinou pres soustavu tabulek... pripadne co znamena "doctype STRICT", a jak toho docilime v notepadu? dik moc...

Příspěvek od **zombux** » stř 6. pro 2006, 21:25

Pabos píše:co to znamena "ve stardantnim modu"? my kdyz pisem web v HTML, tak to delame normalne stylem
<html>
<head>
</head>
<body>
.......
</body>
</html>

a vetsinou pres soustavu tabulek... pripadne co znamena "doctype STRICT", a jak toho docilime v notepadu? dik moc...

nahoře jsem postnul odkazy, je tak jednoduchý se do nich prostě podívat

módy se nastavují různým tvarem XML a DOCTYPE deklarace... cokoli uvnitř <head> nebo <body> na to nemá vůbec vliv

Teuzz · Příspěvek od **Teuzz** » stř 6. pro 2006, 21:55

zombux píše:a já znova opakuju že když se web píše v standard módu tak tohle vůbec není nutný a IE se chová způsobně stejně jako ostatní browsery.

a já ti budu oponovat, protože jsou případy, kdy tomu tak není. Nějaký otravný padding v seznamech nebo podobné kraviny, sem tam se prostě něco najde...

(posledních pár webů se mi ale podařilo napsat dokoce i bez hacku

)

v IE6 se používá _hack
v IE7 se používá #hack

přičemž IE6 přečte oba, takže nejdřív zapsat #hack pro IE7 a pak napsat _hack pro IE6

Smithův postup pomocí fixies je ale daleko lepší, už kvůli validitě...

Příspěvek od **zombux** » stř 6. pro 2006, 22:06

Teuzz píše: Smithův postup pomocí fixies je ale daleko lepší, už kvůli validitě...

módy browserů jsou validní... ale jistěže různé CSS jsou ideální řešení, jenže ty se na statickém webu použít nedají