Reply
CSS Problem with Links/menu and such
Old 08-12-2009, 07:27 AM CSS Problem with Links/menu and such
athomas's Avatar
Ultra Talker

Posts: 270
Name: Adam
Location: Eastern Shore, MD, USA
Trades: 0
If you go to www.brightfusehosting.com/newindex.php you'll see what I mean. The nav menu is screwed up, and the links on the gray tables resemble that almost of the nav bar links.

View in IE to replicate the issue.
__________________
Bright Fuse Hosting
Managed Hosting Solutions
http://www.brightfusehosting.com
athomas is offline
Reply With Quote
View Public Profile
 
 
When You Register, These Ads Go Away!
Old 08-12-2009, 03:18 PM Re: CSS Problem with Links/menu and such
LadynRed's Avatar
Super Moderator

Posts: 9,036
Location: Tennessee
Trades: 0
In IE that happens when the widths of all the elements adds up to more than the total width of the box they're in. Understand the box model - box+border+margins+padding=total width.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 08-12-2009, 09:45 PM Re: CSS Problem with Links/menu and such
athomas's Avatar
Ultra Talker

Posts: 270
Name: Adam
Location: Eastern Shore, MD, USA
Trades: 0
Thanks for the reply, but I'm not sure I follow you.
__________________
Bright Fuse Hosting
Managed Hosting Solutions
http://www.brightfusehosting.com
athomas is offline
Reply With Quote
View Public Profile
 
Old 08-12-2009, 11:30 PM Re: CSS Problem with Links/menu and such
serandfae's Avatar
Soul Man

Posts: 7,469
Name: Tim Daily
Location: Apex, NC, US, Sol 3
Trades: 0
What she's saying is that what you have there is a float drop; that is, IE thinks you have too much space in the menu, so it's dropping the last one down. IE6, especially, will also double a left margin if an element is floated left.

http://www.positioniseverything.net/...ed-margin.html

Use conditional comments in the head section to kick IE into compliance, using a stylesheet just with the fixes for it. Put the stylesheet link AFTER the one to your regular stylesheet.

Example:
<!--[if IE ]>
<link href="path/iefixes.css" rel="stylesheet" type="text/css">
<![endif]-->

You can specify if IE7, if lte IE7 (less than or equal to), if IE6, and so on, to target specific versions that are having the problem. I have specified lesser margins and padding on menus in the past just for IE to kick it into compliance.

That help?

tim
__________________
Springs hop eternal in the hearts of the eccentric....
E-GADS! (Evil Genius' Art and Design Studio) Mwah hah hah haah!!!
serandfae is offline
Reply With Quote
View Public Profile Visit serandfae's homepage!
 
Reply     « Reply to CSS Problem with Links/menu and such
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.09872 seconds with 13 queries