Ik heb 2 divs in een css-bestand:
<style>
.admindiv{
z-index:99;
width:110px;
height:25px;
text-indent:10px;
padding-top:5px;
position:absolute;
top:113px;
right:0px;
background-color:#444444;
color:#FFFFFF;
cursor: pointer; cursor: hand;
}
.adminsubdiv{
width:100px;
height:25px;
text-indent:10px;
padding-top:5px;
position:absolute;
right:0px;
background-color:#444444;
color:#FFFFFF;
cursor: pointer; cursor: hand;
}
</style>
In mijn php bestand heb ik het volgende:
<html>
<div class='admindiv' style="" onMouseOver="doeIets1();">Admin Menu</div>
<div class='adminsubdiv' style="top:146px;" onMouseUp="doeIets2(1)">Users</div>
<div class='adminsubdiv' style="top:179px;" onMouseUp="doeIets2(2)">Settings</div>
</html>
Het probleem is als ik over de eerste div (admindiv) beweeg verschijnt keurig netjes het handje over de gehele hoogte van de div.
Doe ik dat voor de tweede (adminsubdiv -> users), dan verschijnt het handje vanaf de bovenkant van die div tot halverwege.
En doe ik het bij de laatste div (adminsubdiv->Settings), dan verschijnt het handje alleen vanaf driekwart
vanaf de bovenkant tot onderkant div.
Vanzelfsprekend wil ik natuurlijk gewoon het handje over de gehele hoogte van de divs zien...
Ik zie eigenlijk niet wat ik hier fout doe...
Iemand een idee?
Alvast dank voor het mee denken!
vr gr Eric
