Div's anders geplaatst bij Firefox dan bij Chrome

[Verwijderd]

Beste Tweakers,

Ik ben bezig met een website voor 2 vrienden van mij, dit is echter mijn eerste website die ik ontwikkel. Het ging in het begin allemaal redelijk goed en heb de website praktisch af. Echter geeft firefox de website totaal anders weer dan dat chrome dat doet. Mijn doel is om de website er op firefox net zo uit te laten zien als bij chrome. Ik kan alleen niet achter het probleem komen. Mogelijk dat jullie mij uit de brand kunnen helpen.

Het probleem is dat het om een div gaat waar ik de ratio gelijk van wil houden (16:9), en de div moet dan in het midden blijven. Bij chrome gebeurd dit netjes, bij firefox centreert hij wel op horizontale lijn, maar niet verticaal.

Voor het centreren heb ik deze code gebruikt:

JavaScript:

        <script type="text/javascript">
        $(window).resize(function(){
        $('#main').css({
        position:'absolute',

        top: ($(window).height() - $('#main').innerHeight())/2,
        left: ($(window).width() - $('#main').innerWidth())/2,
        });
        });

        // To initially run the function:
        $(window).resize();
        </script>

Ik hoop dat ik zo voldoende informatie heb gegeven, zo niet hoor ik dit graag en zal ik extra informatie bij leveren. Ik hoop dat jullie mij kunnen helpen en alvast bedankt!

Met vriendelijke groet,
een beginnend programmeur.

[ Voor 2% gewijzigd door NMe op 04-02-2014 16:37 ]

[Spinal]

FireBug geïnstalleerd? Zo niet: doen, de console openen en de pagina herladen. Er zit in ieder geval een fout in je script, mogelijk dat dat de oorzaak is. Overigens werkt het in Opera 12 ook niet.

[Verwijderd]

Ja gedaan, zelfs daar kom ik er niet mee uit. Het zal waarschijnlijk een heel klein probleem zijn. Maar ik snap er echt helemaal niks meer van... In iedergeval bedankt voor de moeite, ik ga zelf nog verder proberen te puzzelen!

[NMe]

Ik heb de link even uit je post verwijderd omdat er een foto op staat die niet geschikt is voor de werkplek. Als je wil linken naar een voorbeeldsite, doe dat dan asjeblieft met andere of dummycontent zodat er in elk geval niemand in de problemen komt door op het werk te kijken naar je probleem.