Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Need help with pure CSS popup positioning, please! Re: Need help with pure CSS popup positioning, please!

#92415
davidlab.be
Participant

Rather easy fix but tricky to explain. You have position:absolute; set for your div#linkbar a:hover span{} in your css. By making that absolute positioned it will position itself to the parent element that has a position set…in your case no parent has a postion set (unless i overlooked it) so it will position itself to the body of the page by default. So if your page resizes it will stay in position to the body of the page as the rest of the page moves and resizes.
So…to fix it simply give a parent element a position property and then set your position values based off the parent.
So in your case I would set a position:relative; to the #linkbar div like so:


#linkbar {
float:left;
width:230px;
height:744px;
font-variant:normal;
position:relative;
}

Then adjust your div#linkbar a:hover span {} position setting so they work for you.