Internet Explorer a problémy s relativně pozicovaným prvkem

9. 4. 2011 22:38:43

Pěkný večer všem,

chtěl bych se zeptat - kóduji template pro e-shop a pokouším se zaoblené rohy vytvářet pomocí knihovny "PIE.htc", která funguje cross-browsers.

Během testování jsem narazil na poměrně velký problém - v jakémkoliv Internet Exploreru pokud scrollnu na webu mírně dolů, okna, na která jsem použil PIE (a atribut position:relative;) se mi zobrazí jakoby absolutně - tedy překryjí stávající okna.

Testovací verze - http://www.nokia6300extra.cz/malach (schválně - sjeďte si v IEčku trochu dolů a stiskněte REFRESH).

Za všechny rady, jak problém řešit budu velice vděčný!

Děkuji a pěkný zbytek víkendu všem

9. 4. 2011 22:38:43

https://webtrh.cz/diskuse/internet-explorer-a-problemy-s-relativne-pozicovanym-prvkem#reply626439

kamil123

10. 4. 2011 02:40:27

Zalezi od toho take jake iecko pouzivate ale pro ie 6 pri stylovani pouzivejte napr _margin-top: 20px; a pro IE vyssi verze jak 6 *margin-top: nezapomente na to ze s lomitkem musi byt pred marginem s hvezdickou protoze IE7-8 berou taktez i stary zapis s _ .

A ted k podstate veci skuste pro IE nastylovat ty rohy

.levy_roh { _display: block; background: url() no-repeat; _background-position: left nebo left-top; _float: left; }

.pravy_roh { _display: block; background: url() no-repeat; _background-position: right nebo right-top; _float: right; }

html kod

Text

10. 4. 2011 02:40:27

https://webtrh.cz/diskuse/internet-explorer-a-problemy-s-relativne-pozicovanym-prvkem#reply626438

Smazaný účet m5u2DKRief

(48 hodnocení)

10. 4. 2011 08:49:13

Napsal kamil123;644469
...

Radíš akorát nesmysly a prasárny.

10. 4. 2011 08:49:13

https://webtrh.cz/diskuse/internet-explorer-a-problemy-s-relativne-pozicovanym-prvkem#reply626437

Lukáš

(9 hodnocení)

10. 4. 2011 09:28:42

Napsal kamil123;644469
Zalezi od toho take jake iecko pouzivate ale pro ie 6 pri stylovani pouzivejte napr _margin-top: 20px; a pro IE vyssi verze jak 6 *margin-top: nezapomente na to ze s lomitkem musi byt pred marginem s hvezdickou protoze IE7-8 berou taktez i stary zapis s _ .

A ted k podstate veci skuste pro IE nastylovat ty rohy

.levy_roh { _display: block; background: url() no-repeat; _background-position: left nebo left-top; _float: left; }
.pravy_roh { _display: block; background: url() no-repeat; _background-position: right nebo right-top; _float: right; }

html kod

Text

tohle asi nebude řešení :)

10. 4. 2011 09:28:42

https://webtrh.cz/diskuse/internet-explorer-a-problemy-s-relativne-pozicovanym-prvkem#reply626436

Miloslav Lešetický

(10 hodnocení)

10. 4. 2011 09:51:50

Lukáš Jakubíček

Já to zatím celé nezkoumal, ale hodilo by se upřesnění. Především - jaký závažný důvod máte k použití relativního pozicování? Za druhé - v které verzi IE vám to činí problém? V IE 8, kupříkladu, se vaše ukázka zobrazuje korektně. Mimochodem - WebTrh není to nejlepší fórum pro řešení konkrétních potíží při tvorbě webu. Zkuste raději Diskusi JakPsátWeb (http://diskuse.jakpsatweb.cz/). Pohybuje se tam přeci jenom víc znalců řemesla, než zde.

10. 4. 2011 09:51:50

https://webtrh.cz/diskuse/internet-explorer-a-problemy-s-relativne-pozicovanym-prvkem#reply626435

Lukáš

(9 hodnocení)

10. 4. 2011 10:00:13

Napsal Plaváček;644495
Lukáš Jakubíček

Já to zatím celé nezkoumal, ale hodilo by se upřesnění. Především - jaký závažný důvod máte k použití relativního pozicování? Za druhé - v které verzi IE vám to činí problém? V IE 8, kupříkladu, se vaše ukázka zobrazuje korektně. Mimochodem - WebTrh není to nejlepší fórum pro řešení konkrétních potíží při tvorbě webu. Zkuste raději Diskusi JakPsátWeb (http://diskuse.jakpsatweb.cz/). Pohybuje se tam přeci jenom víc znalců řemesla, než zde.

Díky za tip

// takže upřesním to - důvod pro relativní pozicování je ten, že je to jeden z "know-bugs" u PIE.htc - pokud by relativní nebyl, v IE by se nezobrazoval vůbec nebo špatně. Ohledně verze IEčka - psal jsem, že to dělá "v jakémkoliv Internet Exploreru", tzn. testoval jsem to na 6,7,8 i 9ce a při obnovení po skrollnutí dolů se to rozhodí celé.

10. 4. 2011 10:00:13

https://webtrh.cz/diskuse/internet-explorer-a-problemy-s-relativne-pozicovanym-prvkem#reply626434

Miloslav Lešetický

(10 hodnocení)

10. 4. 2011 10:06:06

Lukáš Jakubíček

Jenže mně se vámi popisovaná chyba v IE 8 neprojevila vůbec. No, dneska se k tomu nedostanu, zkuste to vhodit na JPW, já tam v pondělí nakouknu. Nicméně - pro kulaté rohy je stále nejlepší metodou využít metodu obrázkového pozadí. Za prvé funguje všude a za druhé při vhodném použití CSS Sprite vystačíte i s jedním jediným obrázkem.

10. 4. 2011 10:06:06

https://webtrh.cz/diskuse/internet-explorer-a-problemy-s-relativne-pozicovanym-prvkem#reply626433

Lukáš

(9 hodnocení)

10. 4. 2011 10:11:15

Napsal Plaváček;644500
Lukáš Jakubíček

Jenže mně se vámi popisovaná chyba v IE 8 neprojevila vůbec. No, dneska se k tomu nedostanu, zkuste to vhodit na JPW, já tam v pondělí nakouknu. Nicméně - pro kulaté rohy je stále nejlepší metodou využít metodu obrázkového pozadí. Za prvé funguje všude a za druhé při vhodném použití CSS Sprite vystačíte i s jedním jediným obrázkem.

To je zvláštní - ještě je tu možnost, že "IETester", který používám jednoduše nefunguje jako plnohodnotná verze - interpretuje si věci po svém. S rohy v obrázkovém spritu souhlasím, ovšem e-shop, pro který template tvořím je poměrně zastarale stylován pomocí indentifikátorů a předělávka by stála dost času.

Nicméně - díky za zájem a ochotu. Dobrou chuť k obědu!

10. 4. 2011 10:11:15

https://webtrh.cz/diskuse/internet-explorer-a-problemy-s-relativne-pozicovanym-prvkem#reply626432

Miloslav Lešetický

(10 hodnocení)

10. 4. 2011 10:28:50

Lukáš Jakubíček

IETester mívá s Javascriptem problémy (a .htc nic jiného v podstatě není) a leckdy nezobrazuje správně to, co skutečný prohlížeč. Pro tyhle případy mám k dispozici vícero počítačů s různými verzemi IE. Takže bych nevěšel hlavu :)

10. 4. 2011 10:28:50

https://webtrh.cz/diskuse/internet-explorer-a-problemy-s-relativne-pozicovanym-prvkem#reply626431

Smazaný účet m5u2DKRief

(48 hodnocení)

10. 4. 2011 11:28:29

IETester si neinterpretuje nic po svém. Má "pouze" řadu konkrétních bugů, ale práce s JS mezi ně nepatří, s tím pracuje korektně. Nějaký problém tam minimálně v IE6 bude. Vypadá to na problém se správným renderováním, což se dá většinou vyřešit snadno. Stačí chvíle šťourání ve stylech, případně vylučovací metoda pokus - omyl. Pokud do pondělí nebude na světě řešení, tak tomu také chvíli věnuju.

10. 4. 2011 11:28:29

https://webtrh.cz/diskuse/internet-explorer-a-problemy-s-relativne-pozicovanym-prvkem#reply626430

Miloslav Lešetický

(10 hodnocení)

10. 4. 2011 11:31:20

Railbot

Dovolím si nesouhlasit s tvým tvrzením, že s JS IETester pracuje korektně. Ale přijímám tvou výzvu. I já tomu chvilku v pondělí věnuju :)

10. 4. 2011 11:31:20

https://webtrh.cz/diskuse/internet-explorer-a-problemy-s-relativne-pozicovanym-prvkem#reply626429

Lukáš

(9 hodnocení)

10. 4. 2011 13:11:57