internet expoler-en a weblap szét csúszik

**Geoo86** · 2009-09-24, 23:56

Üdv mindenkinek.
Egyik ismerősömnek késztetem egy weblapot,sajnos valahol hibáztam.
Mozzila tökéletesen meg jeleníti de az internet expolerben szét csúszik.
A hiba az óra dobozának jobb sarkában látható és az üzenet küldő jobb sarkában.
Az oldal itt meg tekinthető. (sajnos link ként még nem tudom el küldeni) 91.82.250.56/penz/

A válaszokat és a segítséget előre is köszönöm.

Hasonló témák:

**VChris** · 2009-09-25, 00:30

sajnos valahol hibáztam.

Nem, te nem hibáztál, hanem az MS hibázott, amikor elkészítette az IE böngészőt...

Sajnos ez ilyen játék, IE7-re, de különösen IE6-ra külön css-t kell írnod, mert kicsikét sajátosan értelmezi az IE a css-t.

**Harder** · 2009-09-25, 00:33

Szerintem nem ebbe az irányba kéne menned a kerekített sarkok terén, iszonyatos módon el van bonyolítva és rengeteg a felesleges kód is hozzá. Kár a javításával foglalkozni szerintem.

Kerestem neked 1 más megoldást, itt egy js-t húzol be

Kód:

http://www.curvycorners.net/
és egy demó ami jó példának:
http://www.curvycorners.net/includes/examples/demo4.html

de van még legalább féltucat működő megoldás, az absolute pozícionálástól kezdve a hagyományos top/center/bottom-os megoldásig, csak keress rá a neten a rounded borders kifejezésre.

**Geoo86** · 2009-09-25, 00:45

Igen az ie lenne az utolsó böngésző amit használnék, de sajnos a felhasználok elég nagy százaléka használja.
Azt nem értem hogy mindenhol meg jeleníti a dobozt rendesen és azon a két ponton el csúszik.
Rejtély egyenlőre hogy mi okozza, de az a véleményem hogy ha csak az ie-ben lenne a hiba akkor minden doboz sarkán meg jelene az el csuszás.
Sajnos még elég kezdő vagyok a honlap készítésben pár hete kezdtem el foglalkozni a html css és a php-val.(remélem hamar bele rázódok ez volt az első honlapom.)
Most a második honlapomon dolgozom ott sikerült ie-re optimalizálni néhány + karakterrel.

**Geoo86** · 2009-09-25, 00:50

Harder eredeti hozzászólása

Szerintem nem ebbe az irányba kéne menned a kerekített sarkok terén, iszonyatos módon el van bonyolítva és rengeteg a felesleges kód is hozzá. Kár a javításával foglalkozni szerintem.

Kerestem neked 1 más megoldást, itt egy js-t húzol be

de van még legalább féltucat működő megoldás, az absolute pozícionálástól kezdve a hagyományos top/center/bottom-os megoldásig, csak keress rá a neten a rounded borders kifejezésre.

köszi utána olvasok.
Nem nagyon lenne szívem ki dobni ez az első honlapom.

**Harder** · 2009-09-25, 00:57

Nem kell kidobni, csak még a befejezése előtt egy jobb módszert alkalmazni az egyik részletnél.

**Geoo86** · 2009-09-25, 01:14

Rendben utána olvasok a javasolt megoldásoknak.
A javascript-es megoldás tetszik nagyon amiről demót linkeltél.
Nem rég olvastam egy java appletekröl szóló könyvet, de úgy látszik jobban jártam volna ha java scriptekröl olvasok.
Sok jó megoldást láttam benne már.

**kow** · 2009-09-25, 09:22

Legutóbb ezt használtam: http://www.ruzee.com/blog/shadedborder
Kezesbárány, nagyon jól működik, a példa kódja kicsit gázos, de élesben két sor JS kell, hogy bekapcsold.

**edem** · 2009-09-28, 18:06

A javascript-es megoldásokat helyettesítheti az "!important" paraméter. Ezt az Internet Explorer ignorálja, viszont az intelligens böngészők értelmezik. Nagyjából arról van szó, hogy megadsz egy tulajdonságot pl

display: inline-block;

és megadod előtte azt, hogy

display: block !important;

tehát a kód így fog kinézni:

display: block !important;
display: inline-block;

Működést tekintve az a css tulajdonság fog érvényesülni, amelyiket legutoljára írod. Viszont, ha ezek közül valamelyik el van látva az "!important" paraméterrel, akkor ez elsőbséget élvez. Tekintettel arra, hogy az IE ezt ignorálja "átverhetővé" válik. Szerintem jobb megoldás, mint a javascript.

**kow** · 2009-09-28, 18:23

Edem, légyszi ne írj fél és félrevezető információkat, amit írsz az egyszerűen nem igaz, ha használható is valamire, biztos, hogy nem minden explorerre.