[javascript] positie van floating divs - Softwareontwikkeling

zondag 8 november 2009 14:02

Acties:

0 Henk 'm!

Topicstarter

EDIT: NVM, ontdekte net een stompzinnige bug in mijn code waardoor onderstaand voorbeeld niet klopt. Mn probleem is nog niet opgelost, ik update deze post later.

Sorry.

hoi,

ik heb de locatie op het scherm nodig van 2 divs die met floats gepositioneerd zijn, maar blijkbaar gaat dit niet. Ik kom er niet uit. Kan iemand me vertellen wat ik het beste kan doen?

Uiteraard heb ik uitgebreid gegoogled, zonder resultaat.
Een oplossing die de divs op dezelfde manier positioneert als dat float dat doet is ook goed, iets wat ik ook niet voor elkaar kreeg (ik heb aan span's gedacht maar ik heb wel fatsoenlijke margin/padding nodig..)

onderstaande code print 2 x '8' op het scherm in de divs, zelfs al is de 2e div duidelijk verder naar rechts

JavaScript:

<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>

<script type="text/javascript">
$(document).ready(function(){

    $("#box1").html($("#box1").position().left);
    $("#box2").html($("#box2").position().left);
});
</script>
</head>
<body>
<div style="float:left; width: 200px; height: 200px;" id="box1">box1</div>
<div style="float:left; width: 200px; height: 200px;" id="box2">box2</div>
</body>
</html>

[ Voor 7% gewijzigd door Garma op 08-11-2009 14:04 ]

zondag 8 november 2009 14:58

Acties:

0 Henk 'm!

André

Analytics dude

Oke

Lijkt me handiger om er dan een nieuwe post van te maken.

[ Voor 83% gewijzigd door André op 08-11-2009 14:58 ]

Dit topic is gesloten.