CSS kérdésem van

[enjoys1ng1ng]

Mielõtt teljesen bekattanok, elmondaná nekem valaki, hogy mit nem tudok az IE-rõl?

Ugyanis:

ezen akadtam ki elõször

ezen másodszor, de már jobban.

 

Hogy mit kellene látni a látogatónak, az Firefoxban megtekinthetõ. IE-ben minden szétesik. Mit nem tudok? Már halálra vizsgáltam Firebug-gal, meg számolom a pixeleket mint az õrült, de nem látom mi a hiba.

 

Errõl az oldalamról már ne is beszéljünk, most úgyis az elõzõre kell koncentrálnom.

 

Ami a legmeglepõbb, hogy a "nagy gépemen" a z-index-es kínlódástól eltekintve a többi rendben van. IE-ben is és Firefoxban is. A laptopon és mások gépérõl is ezt a visszajelzést kaptam - szétcsúsznak a dolgok. Pedig ugyanabban a felbontásban - felbontásokban nézem mindkettõl. Számít az, hogy a nagy monitor widescreen?

 

Biztos, hogy valamit a CSS-rõl nem tudok az IE-t illetõen. Ha valaki segítene, nagyon hálás lennék.

Edited July 22, 2007 by h.arpad

[h.arpad]

Az IE verziószámát is fel kellene tüntesd, amivel megtekinted az oldalakat. Különbségek vannak!

 

Ha van az az önkínzó látogató, aki még kitart az IE6 mellett XP-n, nos, az megérdemli. IE7 mellett nem láttam, hogy szétesett volna az oldalad, IE6 meg értelemszerint nem lehet fenn a gépemen (az nálam a virtuális gépen van fenn, és a helyi szervert éri el csak.)

 

A megoldás viszonylag egyszerű (ám sok vele a munka): IE6-ra külön stíluslapot kell írni. Majd a <head>-be:

 

<!--[if IE 6]><link rel="stylesheet" type="text/css" href="style_ie6.css" /><![endif]-->

(IE hacknek hívják. IE7-re is lehet egyébként, de ha nagyon kell Operára vagy akár más böngészőre is...)

[enjoys1ng1ng]

@Árpád - Rendben, köszönöm a válaszod. Ez azt jelenti, hogy mivel elég sok embernek van még a gépén IE6 - úgy kell elkészítenem az oldalt, hogy azon legyen minden tökéletes.

Ma javítottam az oldalon, leszedtem a "rossz oldalakat", remélem EZ most mindenki böngészõjén nagyjából egyformán néz ki.

 

OFF: Nagyon jó a honlapod, nagyon tiszteletreméltó a munkád!

[enjoys1ng1ng]

Alakul a menüm a biciklis honlapomon - ez persze nem nekem köszönhetõ, találtam egy jó oktató anyagot hozzá. Meg tudná valaki mondani, hogy IE-ben miért csúsznak el jobbra a menüdobozok kb. 50 pixelt? Lehet, hogy nem jól vagy nem jó helyre tettem be az IE hack-et?

[h.arpad]

De, jó helyen van, és IE7-ben minden rendben van a menürendszerrel.

[enjoys1ng1ng]

Fura. A nagy gépemen IE7 van a laptopon IE6 és mindkettõn elcsúszik a második szint a menüben kb. 50px-t jobbra. Maradhatna így is, de nem ez az igazi, hanem pontosan az elsõ szinttel egy vonalban kellene, hogy kezdõdjön, mint Firefoxban és Opera-ban.

[h.arpad]

Tudnál mutatni screenshot-ot, hogy lássam, hogy ugyanarról beszélünk-e?

Máskülönben ha tényleg eltolódik jobbra én kapásból három dolgot próbálnék meg:

• margin (negatív vagy pozitív, attól függõen, hogy melyik oldalon adod meg): nem feltétlenül lesz kereken 50px mert ez összevonható a szomszédos elemek margójával
• padding (ez viszont ugye csak pozitív lehet)
• abszolút pozicionálás (de itt már nem használható sem a float sem a left, right)

[Atys]

Nálam rendben van. Firefoxban és IE6-ban néztem.

[enjoys1ng1ng]

Bocsánat, ha túl nagy, de így is alig látszik.

 

 

 

[h.arpad]

Aha. Már értem. IE7-re készült fejlesztő eszköztáron nem tudtam módosítani a CSS-t, úgyhogy most prezentálom Firefoxban, hogy nagyjából mire gondoltam. Természetesen konkrét esetben egy kb. 50px-es margin-left kell és nem -50px (ez szimulálja a problémát IE-ben), de ez már részletkérdés.

 

>>klikk ide<< (199 kB - JPEG: 1024x768)

 

A lényeg az, hogy a teljes menu.css-t át kell írdd ennek megfelelően külön IE-re, és kikísérletezni, hogy mekkora értékek jók az egyes #menu ul.osztaly szelektoroknál. Hozd be IETab-bal az oldalt, és próbáld meg a Web Developer Tolbar vonalzójával kimérni. Ha mégsem menne, akkor screenshot-ból egy képszerkesztővel.

[enjoys1ng1ng]

Tudod mi a fura, most próbálgatva amit írtál a menu.css - ben

#menu ul ul {position: relative;z-index: 500;}

ebben a sorban a második szint "position"-t átírtam absolute - ról relative -ra és legalábbis IE7-ben tökéletes lett a menü. Persze Firefoxban eltolt mindent.

Majd reggel megnézem IE6-ban is.

Lehet, hogy csak ennyi a megoldás? Jó éjt!

[enjoys1ng1ng]

A menu.css - ben ebbe a sorba kellett beszúrnom azt, hogy "left:0px;" és így megoldódott az IE-es probléma (remélem, legalábbis az én gépemen most rendben van)

 

#menu ul ul {position: absolute;z-index: 500; left:0px;}

 

@h.árpád, te vezettél el idáig, köszönöm a segítséget!

[Master_of_Puppets]

XML dokumentum háttérszínét át lehet állítani CSS-sel?

[enjoys1ng1ng]

link

[Master_of_Puppets]

Ez oké, mert színezni sikerült már a szöveget ez előtt is, de a hátteret hogyan tudom. A CSS fájlban mit állítsak hogy a háttérszín módosuljon?

 

<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/css" href="terms.css" ?>
<terms>
  <paragraph>
  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam  erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr...
  </paragraph>
  <paragraph1>
  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam  erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr...
  </paragraph1>
</terms>

[Garono]

 terms {
    background-color: green;
}

[Master_of_Puppets]

Igen, ilyet is próbáltam már, de még mindig fehér ír:

[Garono]

Emlékeim szerint nekem mûködött.

[enjoys1ng1ng]

Én is megalkottam a terms.xml - t (Master_of_Puppets kódja) és a terms.css - t (Garono kódja), elmentettem egy közös mappába és zöld a háttér... Tehát mûködnie kell.

[Garono]

Hmm. Az IE nem támogatja azt hiszem. Aztán lehet, hogy mégis...

[h.arpad]

Melyik verzió? Mert nagyon nem mindegy.

[Garono]

Csak a 6-ossal próbáltam, az pedig nem támogatta, úgy emlékszem.

[Master_of_Puppets]

Én IE 7-tel is néztem Opera és Safari mellett. Egyiken sem jött be... Na, majd akkor még töröm magam rajta

[Garono]

Na és Firefox-szal is nézted?

 

Szerk.:

Itt egy táblázat a böngészõk XML támogatásáról.

 

[Master_of_Puppets]

Biztos hogy támogatja az XML-t de akkor pontosítom kérdésem egy kép segítségével:

Tehát a zöld színezés megvan, de ami a terms.xml-ben fehér, a háttér, azt nem lehet színezni?