OKblog

Malý bug v IE

Sobota, 20. května 2006 23.02 Webdesign

Při vytváření nového designu (ano, už je skoro hotový, jen rozmýšlím, kdy ho spustit) jsem narazil na zajímavý bug v IE. Asi to není bug v pravém smyslu slova, nicméně se mu nedá upřít jistá zvláštnost. Možná jsem, jak se říká, objevil Ameriku, možná se tohle dá k něčemu využít. I když i o tom pochybuju…

Vytvořit bug umělé není vůbec složité. Postačí obyčejná (X)HTML stránka a jedna vlastnost v CSS:


  body { border-top: 50px solid #cccccc; }

Namítnete, že to jen udělá padesát pixelů vysoké ohraničení a víc nic. Jenomže jak už to u IE bývá, dělá si co chce. Když bude stránka delší a zkusíte scrollovat, ohraničení se posunovat nebude. Je to asi jako prázdný rám. Inu, podívejte se sami.

Pochybuju, že to někomu k něčemu bude, ale podělit jsem se o to musel :D

Aktualizace (druhý den, 14.06)

Pravdu měl Šlaha. Při odstranění XML prologu to už funguje správně :)

předchozí další


Související články

Komentáře (18)

 
neděle, 21. května 2006 0:11:05

Ve FF to mam v poho, prepinam na IE … jo tak to je originalni :-D

 
neděle, 21. května 2006 0:11:40

Zaujímavé, vidím to prvý raz. IE má problémy s nastavovaním <body> aj pri iných vlastnostiach (šírka, …). Preto som od toho upustil a radšej si dám jeden DIV navyše.

Ale vyzeraá to vežmi zaujímavo :-).

 
neděle, 21. května 2006 8:20:29

mno….pěkný bug…:D

 
neděle, 21. května 2006 9:59:36

Velice zajímavé… Vůbec by mě toto nenapadlo :))

 
neděle, 21. května 2006 10:16:15

Těším se na novej design :)

 
neděle, 21. května 2006 10:37:22

IE se opět předvedlo :D .. to sem zvědav na novej design, když tam používáš 50px border ;)

 
neděle, 21. května 2006 10:49:30

Jinak mam na tebe dotaz, jak si na tenhle bug prisel? Me by teda nikdy nenapadlo davat border na body, tak proto se ptam ;-)

 
neděle, 21. května 2006 10:58:45

[6] Buchtič: Těch 50px je jenom pro příklad ;)

[7] QuickShare: Potřeboval jsem udělat nahoře linku a dělat kvůli tomu další DIV mi přišlo zbytečné. Takže jsem to vyřešil takhle jednoduše :)

 
neděle, 21. května 2006 11:35:47

Mno, tohle je funkce nabízející se v Dreamwaveru.. Po prečtení článku jsem si jí všiml.. :D

 
neděle, 21. května 2006 11:37:58

[8] jasný, ale stejně si nedovedu představit využítí toho borderu

 
neděle, 21. května 2006 11:43:03

[8] xergic: No tak vetsinou si ve strance delam nejaky nadrazeny div, takze bych to na nej hodil, no a ty to asi budes muset taky udelat, abys to mel optimalizovane i pro IE navstevniky :-)

 
neděle, 21. května 2006 11:52:23

[11] QuickShare: Nadřazený DIV mám, ale ten má nastavenou pevnou šířku, takže bych musel udělat ještě jeden nad ním. Zbytečně…
Náhodou to vypadá docela efektně, když se posunuje stránka a nahoře pořád zůstává 5px linka :)

 
neděle, 21. května 2006 12:08:16

Malý bug? :-D

 
neděle, 21. května 2006 12:09:22

Tak přepni IE do standardního módu, třeba ti to pomůže.

 
neděle, 21. května 2006 12:15:39

[13] Mazlo: Záleží na velikosti borderu :D

[14] Šlaha: To jsem nezkoušel, díky za nápad ;)

 
neděle, 21. května 2006 13:01:23

Myslim ze je to kvuli rozdilnemu box modelu prohlizecu.

 
neděle, 21. května 2006 13:19:16

no v IE 5.2.3:mac se to zobrazuje správne, tedy stejne jako v Caminu (coz ma jadro Gecko).

 
neděle, 21. května 2006 14:08:20

Aktualiováno :)

K tomuto článku již není možné přidávat komentáře.