RE: FN-FORUM help with divs

date posted 26th September 2002 17:00

> Hello,
> I'm building a drop menu system with divs using the
> visibility: hidden/visible styles but... I'm using relative
> positioned divs for the menu and they're stretching my menu
> height, anyway I can stop this. I can't use absolute
> positioned divs as the design calls for a central area (or
> can I?) you can have a look at:
> http://www.denial.pwp.blueyonder.co.uk/e-essentials/default.asp
> hover over the demo link to see the menu. Only does it in IE by the
way!!

There shouldn't be any reason why you couldn't use absolutely positioned
divs. Absolute positioning is relative to the containing box, not the
entire document. AP also has the advantage of removing the element from
the document flow (what you want in this case).

The definition of absolute [1]:
absolute
The box's position (and possibly size) is specified with the 'left',
'right', 'top', and 'bottom' properties. These properties specify
offsets with respect to the box's containing block. Absolutely
positioned boxes are taken out of the normal flow. This means they have
no impact on the layout of later siblings. Also, though absolutely
positioned boxes have margins, they do not collapse with any other
margins.

Darran.

[1] http://www.w3.org/TR/REC-CSS2/visuren.html#choose-position