Ken Weise wrote: > Hi, > > Working on a Perl script that puts out a page. I have the script working, > except in IE my footer > isn't centered. Seems to work in Firefox, so I must be missing something > stupid, but haven't > figured this out in a couple of hours. Anyway, here's the page: > > http://www.econocaribe.com/cgi-bin/agt1.pl > > and the involved css file is at: > > http://www.econocaribe.com/css/pl.css > > Thanks for any tips. I know I have a lot more to learn with CSS so far.
Hi Ken Take a look at this screenshot in IE7 http://css-class.com/x/screenshots/ap.png Please observe how the menu is layered under the footer. This is after text resizing which causes the menu with no room to expand to wrap to a new line. The is also to much content in the footer which if it is ap, you will get this text breakout. The height for such an ap element is better given in ems so the can expand in height, but if the text wraps then even that won't help. Now for the z-indexing. #menuh ul ul { z-index:500; /* IE will not honor this, just delete */ } div#menuh li:hover { z-index:100; /* delete */ } #menuh-container { position:relative; z-index:1; /* add. This will raise this div higher than any other element on the page in most browser */ } The reasoning behind this is found here [1]. I not sure if IE6 will layer correctly since the #menuh-container has no hasLayout. Maybe some other person with more knowledge of IE6 can help. Overall the page has to much content in elements that can't expand, a rethink is needed. [1] <http://css-class.com/test/z-index.htm> Kind Regards, Alan <http://css-class.com/> ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
