[css-d] Suckerfish -- jumping
Hi,
I have had a suckerfish drop down on my site for awhile, we are adding
some new interactive pages that are not live, that jump vertically in
IE6 and IE7 ever so slightly. What is live now jumps a bit
horizontally but not vertically. Is there any fix for this?
The only difference between between these and the new pages are that
the live pages are relatively static, but the new pages are highly
interactive with a multiple of if then statements, going back to the
database
This is a sample page what is live : http://www-odi.nhtsa.dot.gov/ewr/xls.cfm.
This is the javascript https://www-odi.nhtsa.dot.gov/includes/cssdropdown.js
Here are the styles I used:
/*ewr navigation dropdown menus*/
/*outershell to deal with IE6 and IE7 issues*/
#ewrmenu2 { width: 98%; /*background-color:#66;*/ float: left;
display:block; clear:both; border-bottom: 1px solid #99;
margin-bottom: -.06em; padding-bottom: 1em;}
/*actual navigation styles*/
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
font-weight: bold;
}
#nav a {
display: block;
width: 10em;
text-decoration:none;
}
#nav li { /* all list items */
float: left;
width: 10em; /* width needed or else Opera goes nuts */
background-color:/*#ff;*/#33;
background-image:url(../images/EWRNavArrow.gif);
background-repeat: no-repeat;
background-position: right center;
margin: .19em .19em -.35em .6em;
padding: .25em .25em .25em .35em;
color: #FF;
/*border:#FF solid 1px;*/
}
#nav li ul { /* second-level lists */
position: absolute;
margin: .15em 0 0 -.25em;
background-color:#FF;
width:8.2em;
left: -999em; /*using left instead of display to hide menus because
display: none isn't read by screen readers */
border:#33 solid 1px;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered
list items */
left: auto; font-size: 1.27em;
}
#nav li ul li {background:none; background-image:none;
border-top:none; margin:.25em 0 0 0; padding:.25em; }
#nav li ul li a {font-weight: normal;border-bottom: 1px solid #99;
padding-bottom: .25em; }
Thank you in advance.
Nancy
__
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/
Re: [css-d] Suckerfish -- jumping
On 30 Jul 2008, at 14:10, Nancy Johnson wrote: Hi, I have had a suckerfish drop down on my site for awhile, we are adding some new interactive pages that are not live, that jump vertically in IE6 and IE7 ever so slightly. What is live now jumps a bit horizontally but not vertically. Is there any fix for this? What exactly do you mean by jumping. I don't see unexpected movement in the drop down menus on any browser. Jonny __ 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/
Re: [css-d] Suckerfish -- jumping
Jonny Stephens wrote: On 30 Jul 2008, at 14:10, Nancy Johnson wrote: Hi, I have had a suckerfish drop down on my site for awhile, we are adding some new interactive pages that are not live, that jump vertically in IE6 and IE7 ever so slightly. What is live now jumps a bit horizontally but not vertically. Is there any fix for this? What exactly do you mean by jumping. I don't see unexpected movement in the drop down menus on any browser. I agree with Johnny here...I'm not getting any bouncing, jumping or any other deviant behaviour in IE6/7. Sorry. ;) --beghilos(7718) -- /** * Bill Brown * TheHolierGrail.com MacNimble.com * From dot concept...to dot com...since 1999. ***/ __ 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/
Re: [css-d] Suckerfish -- jumping
Thanks, Actually, I did find a page that is currently live that jumps vertically in IE6 and IE7 , please go to http://www-odi.nhtsa.dot.gov/ewr/interpretations.cfm. Nancy On Wed, Jul 30, 2008 at 10:21 AM, Bill Brown [EMAIL PROTECTED] wrote: Jonny Stephens wrote: On 30 Jul 2008, at 14:10, Nancy Johnson wrote: Hi, I have had a suckerfish drop down on my site for awhile, we are adding some new interactive pages that are not live, that jump vertically in IE6 and IE7 ever so slightly. What is live now jumps a bit horizontally but not vertically. Is there any fix for this? What exactly do you mean by jumping. I don't see unexpected movement in the drop down menus on any browser. I agree with Johnny here...I'm not getting any bouncing, jumping or any other deviant behaviour in IE6/7. Sorry. ;) --beghilos(7718) -- /** * Bill Brown * TheHolierGrail.com MacNimble.com * From dot concept...to dot com...since 1999. ***/ __ 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/
Re: [css-d] Suckerfish -- jumping
On 30 Jul 2008, at 17:25, Nancy Johnson wrote: Thanks, Actually, I did find a page that is currently live that jumps vertically in IE6 and IE7 , please go to http://www-odi.nhtsa.dot.gov/ewr/interpretations.cfm. Try adding .12em margin-top to .contentcopy h1 margin: .12em .13em 0 .13em; Jonny __ 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/
Re: [css-d] Suckerfish -- jumping
Thank you, it seems to have stabilized it. The updated style sheet will go live near the end of August. On Wed, Jul 30, 2008 at 1:07 PM, Jonny Stephens [EMAIL PROTECTED] wrote: On 30 Jul 2008, at 17:25, Nancy Johnson wrote: Thanks, Actually, I did find a page that is currently live that jumps vertically in IE6 and IE7 , please go to http://www-odi.nhtsa.dot.gov/ewr/interpretations.cfm. Try adding .12em margin-top to .contentcopy h1 margin: .12em .13em 0 .13em; Jonny __ 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/
