Position: fixed és görgetősáv összeakadása explorerben
Sziasztok!
A position:fixed emulálását próbáltam ki, de akadt egy kis problémám.
Az első próba: http://gex.hu/munka/layout3 firefoxban tökéletesen működik, explorerben viszont - ugyan sikerült az emuláció - de a görgetősáv megjelenése miatt elcsúszik a tartalom. Ezt a "kevés tartalom" - "sok tartalom" linkekkel szemléltettem.
Ezután kipróbáltam a fejléc és lábléc dobozokat negítív margóval is pozícionálni, ez a http://gex.hu/munka/layout4 . Itt először a bal értékeket adtam meg 50%-nak, de miután ugyanaz maradt a probléma, kipróbáltam a jobb értékekkel is, hátha észreveszi, hogy ott van a görgetősáv.
Végül még eszembe jutott az is, hogy mi történik, ha a body elemnek adok meg egy jobb oldali 20 pixeles margót, bár nem egy elegáns megoldás (mert a görgetősáv mérete akár nagyobb is lehet), de úgy sem sikerült.
A google-ben a fixed és scrollbar szavakkal keresgéltem, meg a jobb oldalra való igazítás problémájával, de nem találtam egyenlőre használható dolgot.
/nem tudom mennyit segít, de ha a fejléc és a lábléc 100% széles, akkor explorerben még a görgetősávra is rálóg a szöveg, míg firefoxban nem./
Van erre valami okos megoldás, vagy már a szemlélet sem megfelelő?
■ A position:fixed emulálását próbáltam ki, de akadt egy kis problémám.
Az első próba: http://gex.hu/munka/layout3 firefoxban tökéletesen működik, explorerben viszont - ugyan sikerült az emuláció - de a görgetősáv megjelenése miatt elcsúszik a tartalom. Ezt a "kevés tartalom" - "sok tartalom" linkekkel szemléltettem.
Ezután kipróbáltam a fejléc és lábléc dobozokat negítív margóval is pozícionálni, ez a http://gex.hu/munka/layout4 . Itt először a bal értékeket adtam meg 50%-nak, de miután ugyanaz maradt a probléma, kipróbáltam a jobb értékekkel is, hátha észreveszi, hogy ott van a görgetősáv.
Végül még eszembe jutott az is, hogy mi történik, ha a body elemnek adok meg egy jobb oldali 20 pixeles margót, bár nem egy elegáns megoldás (mert a görgetősáv mérete akár nagyobb is lehet), de úgy sem sikerült.
A google-ben a fixed és scrollbar szavakkal keresgéltem, meg a jobb oldalra való igazítás problémájával, de nem találtam egyenlőre használható dolgot.
/nem tudom mennyit segít, de ha a fejléc és a lábléc 100% széles, akkor explorerben még a görgetősávra is rálóg a szöveg, míg firefoxban nem./
Van erre valami okos megoldás, vagy már a szemlélet sem megfelelő?
<Nincs cím>
gex
Csak a hiba:
Ezzel a változtatással szemléletes lessz a probléma:
ez így van
"/nem tudom mennyit segít, de ha a fejléc és a lábléc 100% széles, akkor explorerben még a görgetősávra is rálóg a szöveg, míg firefoxban nem./"
az abszolút pozícionálású dobozok (header, footer) tudomást sem vesznek róla, hogy a középső doboz miatt beugrik egy görgetősáv is. valahogy egy szintre kéne helyezni a kettőt...
100% vs IE
Mr.Tiny[http://tiny.uw.hu]
melyiknél módosítsak?
jobb megoldás lenne, ha nem a body elem szélességét állítanám, hanem egy plussz dobozt raknék bele?
u.i: http://gex.hu/munka/layout5 címen van ez a változat.
<Nincs cím>
beraktam egy plusz elemet, hogy ne a body szélességét kelljen módosítani, így viszonlyag rendben is lenne ie alatt /alul van egy 1px-es rés/, de most firefox alatt nem teljesen jó. de ezt már megoldom.
köszönöm a segítséget! tényleg ez a 99%-os trükk segített rajta. annyit módosítottam rajta, hogy 98%-ot írtam be, mert a 99%-nál bejött még egy vízszintes görgetősáv. a felbontásom 1280x800, lehet emiatt volt.
IE bug fixálása
http://web.tampabay.rr.com/bmerkey/examples/fake-position-fixed.html