CSS zoom és a középre helyezés
Sziasztok!
Az alábbi problémámra keresek bármilyen megoldást, akár CSS akár jQuery is lehet!
Adott egy oldal 1000px szélles tartalommal, ez középre van helyezve (#wrapper {margin:0 auto} ).
Ha adok ennek a DIV-nek egy zoom:0.80; értéket, akkor szépen le is kicsinyíti, viszont már nem középre igazodva fog megjelenni.
Gondolom mert azt hiszi a böngésző, hogy a szélesség nem változott, mert igazából nem is, csak zoom-olva lett.
Mégis valahogy jó lenne ha középre igazodna a #wrapper div, akkor is ha eredeti méretében van és akkor is ha le van zoomolva.
Előre is köszönök minden ötletet! :)
■ Az alábbi problémámra keresek bármilyen megoldást, akár CSS akár jQuery is lehet!
Adott egy oldal 1000px szélles tartalommal, ez középre van helyezve (#wrapper {margin:0 auto} ).
Ha adok ennek a DIV-nek egy zoom:0.80; értéket, akkor szépen le is kicsinyíti, viszont már nem középre igazodva fog megjelenni.
Gondolom mert azt hiszi a böngésző, hogy a szélesség nem változott, mert igazából nem is, csak zoom-olva lett.
Mégis valahogy jó lenne ha középre igazodna a #wrapper div, akkor is ha eredeti méretében van és akkor is ha le van zoomolva.
Előre is köszönök minden ötletet! :)
Mivel a zoom tulajdonság csak
Chromeban is működik a
De egyébként minden browser számára beállítottam a megfelelő zoom tulajdonságot, így van kicsinyítés mindegyikben.
A probléma csak az, hogy ilyenkor a méretek igazából nem változnak, így a CSS nem is tud mit igazítani, mert nincs is mit.
Végül is sikerült megoldanom a problémát.
Mivel tudom, hogy kicsinyítés után mekkora lesz a #wrapper szélessége, így jQueryvel lekérdezem a body szélességét, kivonom belőle a #wrappert, és elosztom kettővel. Ez lesz ugye a térköz aminek jobbról-balról lennie kellene.
Ezt az értéket beállítom left-marginnak és már középen is van a kicsi verzió :)