On Nov 4, 2005, at 12:16 PM, Angela Trigg wrote:
> Ok, one step forward-- had a position:relative in there that I took
> out and
> now it shows, but in IE only it's showing up to the right of the image
> instead of on top of it..... Here's the css:
>
> #menulist {
> height: 63px;
> margin: 0px;
> padding: 0px;
> border-top: 1px solid #A30404;
> border-bottom: 1px solid #A30404;
> float: left;
> position:relative;
> <cfif attributes.keyword eq "home">top: 457px;</cfif>
> width: <cfoutput>#linewidth#</cfoutput>px;
> }
>
> #menulist .mainnav {
> height: 63px;
> visibility: visible;
> float: left;
> display: inline;
> left: 0px;
> float:left;
> width: 125px;
> z-index:1;
> padding: 0px;
> <cfif attributes.keyword eq "home">filter:alpha(opacity=80);
>
> -moz-opacity:.80;
> opacity:.80; </cfif>
> background-repeat:no-repeat;
>
> }
> .menupopup {
> position: absolute;
> width: 125px;
> height: 63px;
> bottom: 0px;
> margin: 0px;
> padding: 0px;
> visibility:hidden;
> }
> .menupopup ul {
> position: absolute;
> width: 105px;
> bottom: 54px;
> margin: 0px;
> padding: 10px;
> list-style-type:none;
>
> }
> .menupopup ul li {
> font-family: Optima, Arial, sans-serif;
> font-size: 12px;
> font-style: normal;
> line-height: normal;
> color: #FFFFFF;
> text-indent:0px;
> height: 16px;
> width: 105px;
> padding: 2px;
> border-bottom: 1px solid #fff;
> text-align: center;
> display: block;
> }
> .menupopup a { display: block; height: 16px;}
> __________________________________________
>
I am on a mac, and the menu seems to work ok.... With that said, it
would be hard for me to test code... Anyway, here is a bit of code I
use for a horizontal drop-down menu (based on Suckerfish):
#mainMenu li ul {
text-transform: none;
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 100;
}
#mainMenu li>ul { /* to override top and left in browsers other than
IE, which will position to the top right of the containing li, rather
than bottom left */
/*top: auto;*/
left: auto;
}
The above css is for the drop-down part of the menu... I am guessing
reversing the values to make it pop-up and incorporating it into your
css may help you squash you IE probs.
Here are some screen grabs from the Mac world:
(IE 5.2:)
http://www.ambiguism.com/CSSD/IEmac52cmmi.jpg
http://www.ambiguism.com/CSSD/IEmac52cmmi2.jpg
(Safari:)
http://www.ambiguism.com/CSSD/Safaricmmi.jpg
(Firefox:)
http://www.ambiguism.com/CSSD/Firefoxcmmi.jpg
Hth, good luck!
M
--
BCC for Privacy!
http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html
----------------------------------
My del.icio.us: http://del.icio.us/mhulse
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
