Besten,

Momenteel kamp ik met een erg vaag probleem.

Op de website; http://shorturl.cc/w (gelieve orig. url niet te vermelden ivm SEO) staat een geel blok 'Download now' onder het blauwe en grijze blok. Bij mij staat hij heel vaak op de juiste positie, maar bij de klant staat hij hier en daar door het blauw/grijze vak heen.

Mijn eerste gedachte was dat het probleem werd veroorzaakt door een cache, maar zowel de server, noch de website, noch de browserclient zou de website kunnen cachen (ivm php headers et cetera).

Dit is hoe hij verkeerd staat;
http://i39.tinypic.com/29vkkmc.png

En dit is hoe hij zou moeten staan:
http://www.imgdumper.nl/uploads5/4ed...4bd0-goed2.png

Belangrijk is dat de website ook op de iPhone goed weergeven wordt. Mocht iemand de gouden tip hebben of mij hier gegarandeerd verder mee kunnen helpen wil ik hier best een vergoeding tegenover zetten, maar no-cure=no-pay vanzelfsprekend ;)

Tevens ben ik benieuwd hoe de website bij jullie wordt weergeven, staat het blok door het vak, of plakt het door de onderkant?

Ik ben zeer benieuwd of iemand me verder kan helpen!

Groeten, Robin.

Je moet aan een element die absolute is altijd een top en een left meegeven zodat deze in alle browsers dan gelijk is.

Origineel gepost door Leon Zoutewelle

Je moet aan een element die absolute is altijd een top en een left meegeven zodat deze in alle browsers dan gelijk is.

Wat Leon schrijft kan wel kloppen. Vergeet niet dat wanneer je dit doet ook een div (die er omheen staat) relative moet maken. Dus;

<div class="myRelative">

<div class="myAbsolute"></div>

</div>

.myRelative {position:relative;}
.myAbsolute {position:absolute;top:0;left:0;}

Je ziet nu de div myAbsolute beginnen op het 0 punt van top en het 0 punt van left van de div myRelative. Zodra je dit zal toepassen weet ik zeker dat jij de gele div van de website op de goede plek zal krijgen.

Ik zal vanavond even kijken of dit het probleem oplost. Hiervoor zijn namelijk nog meer opzetten gebruikt, de meesten werkten wel, maar toen ging safari mobile (voornamelijk op de iPhone) weer vervelend doen..

Thanks voor de tips! Trouwens, hoe staat hij bij jullie nu dan? Blijft overigens opmerkelijk dat hij de ene keer wel goed staat, en de andere keer niet.. Zou wel iets met de rendering engine te maken hebben dan (denk ik?)

Heb dit getest in FF en Chrome. Geen problemen. In IE7 staat hij een stuk verder na rechts. Dit heeft gewoon te maken dat je div niet goed weet waar zijn startpositie is en om die reden kan hij verschillen per browser. Daarom mijn bovenstaande voorstel.

Laat ik vooropstellen dat je het ook met margin kan doen, maar ik gebruik het bijna niet in deze situaties.