Can you publish it first, please.

localhost is to accessible for us.

Thanks,
Bechara
www.iLearn.com.br




----- Original Message ----- From: "Cole Kuryakin" <[EMAIL PROTECTED]>
To: <[email protected]>
Sent: Monday, August 25, 2008 8:48 AM
Subject: [WSG] Pop UP menu positioning in a footer


Hello All -

This was just going to be positioning question until 5 minutes ago I found
that I had a problem in IE 7 (not IE 6!), but I'll cover the question first.

I've got a POP UP menu that appears on hover from a footer navigation UL.
This menu contains language names so the user can view site content in
different languages.

To see it working in FF and IE6 go here:
http://localhost/koisis_framework/index.php and hover over the "Language"
menu item in the footer area.

I was able to get to this point by declaring:

#navFooter li ul {
position: absolute;
left: -10000px;
top: -10000px;
}

And then...

#navFooter li:hover ul {
left: -2px;
top: -195px;
z-index: 100;
}

This works great if there's exactly 10 languages to choose from. But, if
there's less than 10 - which would typically be the case in a production
project - the menu "levitates" out of bounds of a click - no real big
deal... I'd just have to adjust the "top" value of the declaration until the
menu settled back to where it's suppose to be.

But there's got to be a better way.

What I'd like this menu to do is, no matter how many languages were shown,
the bottom of the menu would always align with the bottom of the footer
element. So, I initially tried "bottom 0" on the pop-up UL thinking that
that would set the bottom of the menu to the bottom of it's containing UL
but (Wow), the menu then stretches all the way off the top of the screen
with no menu items in sight. I noodled with this most of the day today
trying different positioning techniques but always came up empty.

I'm re-using (essentially) the code that triggers my drop-down menus but
can't seem to get this little trick to work. Is there a way to do what I
want??

NOW, FOR THE IE 7 PROBLEM:

As mentioned above, the menu DOES work with the declaration shown above in
FF and IE6 - but when I just checked it against IE 7, nothing happens (no
menu appears at all) when you hover over Languages.

This, of course, is a much bigger problem than simply my bottom-positioning
question above.

Any and all guidance on either or both questions are sincerely appreciated!

Cole


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************


__________ Informação do NOD32 IMON 3384 (20080825) __________

Esta mensagem foi verificada pelo NOD32 sistema antivírus
http://www.eset.com.br




*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to