471,627 Members | 2,166 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,627 software developers and data experts.

IE7 and CSS Flyouts


First time posting here so I hope I give enough info.

I'm just in the process of building a new site from a template supplied to us by a designer.

Everything was going great until I updated to IE7 and realized that on all of our flyout menus, for some reason it puts each word on a new line. Everything else seems to be working fine, just this little oddity.

I'm not overly experienced with css, and the designer is away on holidays, so I thought I would as for some help.

The issue in question can be seen at http://testing.shearcomfort.com/seatcovers/company.asp by mousing over Specials or Accessories in the menu on the left.

Any help would be greatly appreciated.

Sep 24 '07 #1
7 1383
I'm not sure, but it does work fine in firefox, also you might want to change the cursor from an IBeam when it hovers over a link, so people know if it is one or not
Sep 24 '07 #2
I think it must be an IE bug. Everything seems fine (to me) in firefox and opera. . .

I'm still learning CSS myself, so can't offer much help. But in the articles section for HTML/CSS, they have an article called Useful Links. Go to that and they have two links that bring you to a page that talks about IE bugs and how to fix them.

You might find the fix there, but if not, well someone more knowledgeable here might be of better help!

Sep 24 '07 #3
7,435 Expert 4TB
Does slightly widening the menu or its container solve the problem? IE tends to add margin/padding where there is none.
Sep 24 '07 #4
Death Slaught
1,137 1GB
Try fixing these in your XHTML, and in your CSS "font-weight" doesn't have a value "none" here's a few alternatives.

Hope it helps, Death
Sep 24 '07 #5
Thanks guys, I'll give the suggestions a try and get back to you.
Sep 24 '07 #6
Well, I've fixed all the stuff that death pointed out, as well as tried widening the fields and it still wants to put each word on it's own line.

Any other ideas? Or is this a case of me needing to out and find some new flyout code and learn to use that and put it in?
Sep 25 '07 #7
7,435 Expert 4TB
If your 1984 Chevy didn't run like your 2007 Porsche, would you replace the Porsche? If your markup if working in modern browsers then the problem isn't your markup and find other markup will only contain the same hacks you'll need to make IE work.

I'm going to bed now so I'll look again sometime tomorrow (if I can muster up the energy to turn my Windows box on).
Sep 25 '07 #8

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

1 post views Thread by Philip Townsend | last post: by
10 posts views Thread by idiotprogrammer | last post: by
1 post views Thread by PCC | last post: by
2 posts views Thread by eps | last post: by
21 posts views Thread by Murray R. Van Luyn | last post: by
1 post views Thread by Zapman | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.