Böngészőoptimalizálás
Sziasztok,
adott egy honlap (http://fledgling.hostoi.com/karate/index.html) és jelenleg azon ügyködök, hogy minden böngészőben ugyanúgy nézzen ki. A fő probléma, mondanom sem kell, IE 6 esetén van - sajnos még mindig 10% körül áll az én oldalaimon, szóval ignorálnom nem lehet, illetve egy apróságot az Opera (10.53) is másként jelenít meg, mint az IE 7, Firefox, Chrome-Safari együttes.
Az IE 6 esetében az egyik kissebb problémát a felső menü okozza: teljesen máshova rakja, mint az összes többi böngésző - nem tudom, talán hibás box-modelt alkalmaz, vagy mások az auto-marginok? Próbálkoztam az ilyesmik állítgatásával, de sok eredményre nem vezetett. Itt van az Opera hibája is, ő azonban csak vagy 10 px-lel magasabbra helyezi ezt a menüt.
Aztán a IE 6-ban a header kép teljesen szét van csúszva, nem tudom, azzal mi lehet - ez a legsúlyosabb hiba.
Aztán a baloldali menü (ul lista) behúzása sem stimmel (csak IE 6) alatt.
Az oldal szabványos XHTML (transitional) és CSS 2.1 - minden segítségért rendkívül hálás lennék!
■ adott egy honlap (http://fledgling.hostoi.com/karate/index.html) és jelenleg azon ügyködök, hogy minden böngészőben ugyanúgy nézzen ki. A fő probléma, mondanom sem kell, IE 6 esetén van - sajnos még mindig 10% körül áll az én oldalaimon, szóval ignorálnom nem lehet, illetve egy apróságot az Opera (10.53) is másként jelenít meg, mint az IE 7, Firefox, Chrome-Safari együttes.
Az IE 6 esetében az egyik kissebb problémát a felső menü okozza: teljesen máshova rakja, mint az összes többi böngésző - nem tudom, talán hibás box-modelt alkalmaz, vagy mások az auto-marginok? Próbálkoztam az ilyesmik állítgatásával, de sok eredményre nem vezetett. Itt van az Opera hibája is, ő azonban csak vagy 10 px-lel magasabbra helyezi ezt a menüt.
Aztán a IE 6-ban a header kép teljesen szét van csúszva, nem tudom, azzal mi lehet - ez a legsúlyosabb hiba.
Aztán a baloldali menü (ul lista) behúzása sem stimmel (csak IE 6) alatt.
Az oldal szabványos XHTML (transitional) és CSS 2.1 - minden segítségért rendkívül hálás lennék!
UL
Köszönöm
köszönöm a választ, de sajnos csak részben segített. Használok Dragonfly-t és most már Firebugot is, de nem sikerült kideríteni, hogy miért van az a pár pixel különbség Opera és Firefox között - továbbra is ott van, pedig definiáltam az ul-re általánosan egy: margin, padding: 0-t.
Az IE6 most már a menüket jól jeleníti meg (valószínűleg), de az egész felső rész szét van esve és fogalmam nincs, hogy miért.
Az Opera (helyesen) azért
Tippek IE6-ra
1. A fejléc kép a menütől lentebb van. Ennek oka lehet, hogy a #header-ben lévő elemek float-olva vannak, de maga a #header nincs. Sőt állíts be a #header-nek fix méreteket is, és overflow:hidden sem árt.
2. A fejléc kép alatti vonal sztem a háttérkép ismétlődése, ezen a background-nak egy no-repeat is segíthet.
IE6
(Valójában egyéb optimalizálásra nem is lenne szükség IE6-hoz)
;-)
Aki IE6-ot használ még, az