Internet Explorer Viewer

[Raptor]

Mam zapeklity dotaz Vsiml jsem si, ze vyse uvedeny plugin (ale ani Web Page Viewer od stepand76) nezobrazuje stranky vzdy spravne. Mam treba jednoduchou nastylovanou stranku obsahujici <ul><li> elementy, a menim treba padding u <ul>. Pokud zobrazim stranku v IE prohlizeni (nebo ve FF atd.) tak vse je ok, stranka se zobrazuje jak ma, styl je aplikovany spravne. Ale pokud pouziju viewer, vse je spatne.

Zajimalo by mne teda, proc to tak je? Znamena to snad ze pouzivana komponenta renderuje html jinak nez prohlizece? Nebo kde je chyba?

[Jan Rysavy]

S tím jsem se zatím nesetkal, můžete nám sem přiložit soubory jako příklad?

[Raptor]

Treba toto:

test.rar

(1.27 KiB) Downloaded 346 times

[Jan Rysavy]

U mě to nezlobí, dokáže někdo problém reprodukovat?

[stepand76]

U mě to funguje dobře. V IE Vieweru i ve Web Page Vieweru. Co znamená, že je "vše špatně"? Pošli screenshot.

[Raptor]

Zmente si ve stylech ul element na:

Code: Select all

ul {
	padding-left: 0px;
}

Tim se zmensi odsazeni zleva. Pri hodnote 0 se ocekava, ze elementy se nebudou radit do stromu vubec. Viewer to stejne zobrazi odsazene.

AS zobrazuje spatne

as.png (31.72 KiB) Viewed 12973 times

IE8 zobrazi dobre

ie.png (28.85 KiB) Viewed 12973 times

[Ether]

Zkoušel jsem v Opeře v10.54, Firefoxu v3.6.4, IE 8 a jediný rozdíl, který vidím při zobrazení v IEVieweru, je asi čtyřnásobně velké odsazení položek.

Tvrzení v posledním postu od Raptora můžu potvrdit.

[stepand76]

No teď je ten rozdíl vidět. V FF a IE8 to odsazení není. V IE Vieweru a Web Page Vieweru je. Proč to tak je bohužel vůbec netuším... Kód vypadá validní.

[Ether]

Tak je vyjasněno (alespoň částečně, ostatní pluginy jsem nezkoušel). Jen tak mimochodem, musí tam být zanořené seznamy?

Pokud zobrazim stranku v IE [...] tak vse je ok

IEViewer nevyužívá renderovací jádro IE8 ve Standards Mode, ale v některém z režimů IE7.

plugin [...] nezobrazuje stranky vzdy spravne.

Renderovací jádro IE7 má v zabudovaných stylech ul { margin-left: 30pt; } (viz třeba přehled).

[Raptor]

Tak je vyjasněno (alespoň částečně, ostatní pluginy jsem nezkoušel). Jen tak mimochodem, musí tam být zanořené seznamy?

To html je jen ukazka kde to blbne. Vysledny html soubor je slozitejsi.

IEViewer nevyužívá renderovací jádro IE8 ve Standards Mode, ale v některém z režimů IE7.

Da se to nejak ovlivnit? Protoze je dost naprd kdyz ignoruje styly ktere mu tam dam a zobrazi neco jineho.

Renderovací jádro IE7 má v zabudovaných stylech ul { margin-left: 30pt; } (viz třeba přehled).

Ale ja resim padding a ten v tom prehledu nastaveny nevidim.

Ale asi to tak nejak bude, pokud si to zobrazim v rezimu IE7 pres dev toolbar v IE8, taky to odsadi. Fuj

[Ether]

Da se to nejak ovlivnit?

Pravděpodobně se bude muset v pluginu použít některé novější API MSHTML.

Ale ja resim padding

Padding funguje bez problémů, ale podle CSS Box Modelu se to ještě sčítá s marginem. Workaroundem je nastavit explicitně ul { margin-left: 0; }, ovšem doporučuju spíš použít některý CSS Reset (třeba YUI CSS Reset by se měl dát bez problému nalinkovat i ze serveru).

[Raptor]

Padding funguje bez problémů, ale podle CSS Box Modelu se to ještě sčítá s marginem.

Ano, to mi ve chvili psani postu trosku uniklo. Hlavne ze je to vyjasneno.

Bylo by prima kdyby bylo mozno toto ve vieweru nejak ovlivnit, ktery mod se ma pouzit pro rendering stranky. Ale neni to prioritni samozrejme.

[SelfMan]

Co sa tyka podobnych problemov, odporucam navstevu http://www.quirksmode.org

[stepand76]

Bylo by prima kdyby bylo mozno toto ve vieweru nejak ovlivnit, ktery mod se ma pouzit pro rendering stranky. Ale neni to prioritni samozrejme.

Jestli to ovšem jde. Našel jsem toto, ale zatím jsem to nekzoušel.