RE: FN-FORUM help with divs

date posted 26th September 2002 23:50

Either I'm doing something wrong or the browsers aren't obeying the w3c
specs yet as far as this goes. If I make the hidden divs into absolute divs
the position is absolute to the browser window, not the containing div, no
matter where I put the hidden div. Here's the code:
1) style in css page:

#portfoliomenu
{
position: absolute;
left: 664px;
top: 120px;
width: 100px;
z-index: 2;
visibility: hidden;
background-color: #DDDDDD;
background-image: none;
color: #000000;
}

2) html:

Demo
Log-In
FREE Trial!


Blah
Blah
Blah



Also... how do you get something to center in Opera? I've tried ,
, what else is there?

Mike

-----Original Message-----
From: [EMAIL REMOVED]
[EMAIL REMOVED] Behalf Of Darran Shepherd
Sent: 26 September 2002 16:57
To: [EMAIL REMOVED]
Subject: RE: FN-FORUM help with divs


> 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



============================================================
= Advanced web hosting solutions from Saffas. =
= Unix, PHP, mySQL, SSL, Perl, Control Panel, 24/7 access. =
= Why pay more for less? http://www.saffas.com =
============================================================

Sponsor the forum for as little as £1 at:

http://www.freelancers.net/cgi/sponsor.cgi?action=show


Advertise with Freelancers.net +Additions+

http://www.freelancers.net/advert.php


Freelancers and Freelance Jobs:
http://www.freelancers.net

Forum FAQs:
http://freelancers.netrickery.com

To unsubscribe please email:
[EMAIL REMOVED]

If you have difficulties unsubscribing please email:
[EMAIL REMOVED]