Jump to content

Why don't Windows IE like my div?


happywaffle

Recommended Posts

Hey folks,So I'm hoping to go live soon with my wedding Web site:http://www.kevinandmarybeth.comAll together now: Awwww.(Don't worry, the ad banner at the top is gonna go away; that's not what I'm worried about.)Thing is, while the main-menu div presented here looks fine in Safari / Firefox / Mac IE, it doesn't in Windows IE; the fourth item in the div, "Registry," is "bumped" to the next line, so to speak, as though the whole thing is a few pixels too big for its space.All my numbers seem to add up if you look at the CSS:http://www.kevinandmarybeth.com/styles.cssMy friend, who knows more about working with Windows IE than me, added this IE-specific CSS file for me, too:http://www.kevinandmarybeth.com/styles-ie-5-and-6.cssMy uneducated guess is that I've referenced something in my original CSS that Windows IE doesn't support (affecting the width of the divs, presumably). If so, I guess I can add a special entry to the IE CSS file.Any ideas what the story is? Any PC users out there?

Link to comment
Share on other sites

For starters, I can hardly read your CSS file :)The linebreaks don't get interpreted.I would recommend replacing the "\n" character you're using, by the "\r\n" characters, then it will break the lines in notepad :)

Link to comment
Share on other sites

Try opening it in WordPad Dan, it reads \n better.

I understand, I know it would, but on my computer, notepad get called automatically upon viewing the source, so if that is also the case with happywaffle, I suggest he should try opening it in wordpad too :)
Link to comment
Share on other sites

I tried to analise your stylesheet, and come up with the fact the thing that is 579 pixels width, has no 3 borders in it, but actually 4. What happens if you change 579 into 580? Would that help?[*Edit:] I checked it with Paint, and the menu is exactly one pixel too small to have all four items at a row :)

Edited by Dan The Prof
Link to comment
Share on other sites

Thanks Dan! You got me on the right track - I just noticed the lefthand border is being drawn for the item #1, giving me that extra pixel that bumps item #4 onto the next line. It shouldn't, cause I've designated #main-menu li:first-child a to have a border of 0. Looks like Windows IE doesn't like first-child. (Weird that Mac IE, which is older, does!)Just uploaded the change, I'll go see if it's working shortly.Assuming this is the case, anyone know how I can accomplish the effect of deleting the lefthand border for item #1?Also, I just noticed that the hr at the bottom is left-justified and not centered! Any idea about that?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...