Verschoven div'je wel in IE niet in Chrome

[NinjaTuna]

Avond medetweakers,

Ik sta voor een klein mysterie, voor de waterskivereniging waar mijn ouders actief in zijn heb ik al enige tijd geleden een website gebouwd. Nu zegt mijn moeder net: "dat vakje is ineens verschoven" (in FF 18.0.2, laatste release). Ik kijken in Chrome (24.0.1312.57 m, laatste release), vakje niet verschoven. Om te checken ook nog even in IE9 gekeken, vakje (hoe kan het ook anders) verschoven...




Om zeker te weten dat ik niet gek werd heb ik zelf ook FF maar even gedownload en nu is bij mij het vakje NIET verschoven. Dus... Wat moet ik hiermee? Kunnen jullie eens kijken hoe het er bij jullie uit ziet?

[TERW_DAN]

Hij gaat hier in Opera fout zodra je in- of uitzoomt. Dus als je ouders op een ander zoomniveau kijken kan het goed kloppen dat het verschoven is.

[NinjaTuna]

Bedankt, ook in Chrome gaat het fout zie ik, dat van dat andere zoomniveau zou nog wel eens kunnen kloppen. Ik zal eens opzoeken hoe ik dat op kan lossen.

Spijtig dat IE er ook bij 100% al geen zin in heeft.

[sebastius]

Op de Mac met Safari doet ie het prima in de 100% en met de muis inzoomen. Kies je de 'normale' zoomopties dan verspringt ie.

[crisp]

De manier om dit op te lossen is door de positionering van .shortcut_button niet afhankelijk te maken van de lengte van de tekst die er boven staat. Ik zou deze gewoon met een bottom: -20; left: 90px absoluut positioneren binnen .shortcut

Ook zag ik wat rare effecten door de display: inline-block op .shortcut. Ik zou daar zelf gewoon float voor gebruiken.

[NinjaTuna]

Thanks crisp! Het is gelukt. Ik had inline-block op de shortcuts zodat ik met z'n allen kon centreren, dit werkt wat tricky met float, maar ook dit is gelukt met de hulp van Google