...

View Full Version : Site Displays Wong in IE (fixed all but nav menu)



Tech.Inno
07-20-2011, 05:10 PM
Hello,
For some reason, the navigation bar on my website displays vertically in internet explorer. It should display horizontally. It works fine in every browser I've tried but IE. Also, the page is floating left instead of being centered. Any idea why this is happening?

Here's the CSS for my navigation menu:


#menu {
float: right;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}

#menu li {
float: right;
}

#menu a {
display: block;
float: right;
height: 25px;
margin-right: 1px;
margin-top: 20px;
padding: 10px 20px 0 20px;
text-decoration: none;
font-size: 1.1em;
font-weight: bold;
color: #CCCCCC;
}

#menu a:hover {
background: #F3F3F3;
color: #2B2B2B;
}

#menu .current_page_item a {
background: #F3F3F3;
color: #2C2E22;
}


I can post more of my code if needed.
This is the site if you'd like to check:
http://techinno.zxq.net/

Thanks in advance for any help solving this,
~Tech.Inno

Tech.Inno
07-20-2011, 05:47 PM
Here's a bit more of the CSS:


/* Page */

#page {
width: 978px;
margin: 0 auto;
padding: 20px 0px 0 0px;
background: #FFFFFF;
border: 20px solid #F3F3F3;
border-top: none;
}

/* Content */

#content {
float: left;
width: 938px;
padding: 0px 0px 0px 20px;
}

I just don't understand why it messes up the way it does. Is this a problem with internet explorer? or my website?

Tech.Inno
07-20-2011, 06:55 PM
I've tried dozens of solutions, nothing makes a difference. Any ideas would be helpful.

Tech.Inno
07-20-2011, 07:07 PM
I got the page to display centered now, however the navigation menu is still vertical. It needs to be horizontal. I googled it and it seems to be a common problem, but I can't seem to find a solution.

xFinaLx
07-20-2011, 07:17 PM
You have quite a few errors. 232 to be exact. It is very possible that its confusing IE's 'slow' brain.
http://validator.w3.org/check?uri=http%3A%2F%2Ftechinno.zxq.net%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Tech.Inno
07-20-2011, 07:32 PM
You have quite a few errors. 232 to be exact. It is very possible that its confusing IE's 'slow' brain.
http://validator.w3.org/check?uri=http%3A%2F%2Ftechinno.zxq.net%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

The first thing I tried was checking my code with a validator. The errors that come up are all irrelevant. Most aren't even real errors. Some say I'm not allowed to use <div> others say <font size="5"> shouldn't have quotes around the 5- the errors don't make any sense.

The problem is with IE. I've found lots of people with the same issue, just no solutions that work.

alykins
07-20-2011, 07:35 PM
they're not irrelevant... i stopped looking through after i saw the first one staring me in the face... you cannot put a <div> tag in the <head> tags... fixing your errors will help fix your problems

Tech.Inno
07-20-2011, 07:39 PM
they're not irrelevant... i stopped looking through after i saw the first one staring me in the face... you cannot put a <div> tag in the <head> tags... fixing your errors will help fix your problems

They're irrelevant to the issue I'm having with the list. The problem is with internet explorer. It has something to do with IE displaying list wrong when they're not "inline" by default - or something like that. It has something to do with display:inline; or display:inline-block;. IE interprets it wrong I think. I've found many others with the same issue.

xFinaLx
07-20-2011, 07:43 PM
Well in your example of <font size="5">, you should note that the font tag is deprecated. You should use css for this.

While some errors might indeed be irrelevant, others might not. The thing is, it can be extremely hard to tell which ones are harmless and which ones will screw you up.

In the future, some great advice is to validate your code after every change you make. At first it might seem monotonous, but once you start getting used to writing valid code it will make your life a lot easier.

As for your issue right now, I recommend correcting any error that seems serious or that might have anything to do with the section you're trying to fix. Just start narrowing down the list until you figure out whats wrong.

alykins
07-20-2011, 07:46 PM
sometimes in your code you can have an open-ended div, or a closed div that was never opened, or some other odd "typo"... one browser may render it fine, no problem... another may completely freak out...
i went back and looked, now you removed the <div> and all your menu items in IE display fine for me (horizontal) you had a div before your styling and IE tweaked out. There is a reason the validator exists... btw your errors are now down to 189? since you removed that div. that div previously "irrelevant" was causing all your issues... I highly suggest fixing the remaining 189 errors

Tech.Inno
07-20-2011, 07:52 PM
sometimes in your code you can have an open-ended div, or a closed div that was never opened, or some other odd "typo"... one browser may render it fine, no problem... another may completely freak out...
i went back and looked, now you removed the <div> and all your menu items in IE display fine for me (horizontal) you had a div before your styling and IE tweaked out. There is a reason the validator exists... btw your errors are now down to 189? since you removed that div. that div previously "irrelevant" was causing all your issues... I highly suggest fixing the remaining 189 errors

I took the advice, even though I knew it wouldn't fix the issue with the menu. The validator is fine. The errors its displays just don't help with the menu problem! Trust me.
And I change my document type, that's one of the main things that removed errors.

Tech.Inno
07-20-2011, 08:03 PM
Corrected many of the errors. The problem still persists. Any idea as to why? I will continue to correct errors, but I from what I've seen, the solution to this require a special work-around.

xFinaLx
07-20-2011, 08:07 PM
Once you fix them I'll take another look through your code if the problem persists.

It still looks like you have unclosed tags, which can be a big problem for IE.

Tech.Inno
07-20-2011, 08:20 PM
I've fixed tons of errors. I don't know what it's talking about when It says the tags are unclosed, they most definitely are. I need help with the menu problem. Could you name a few errors that could be directly related to the problem I'm having? I'd like help with the menu issue specifically.

xFinaLx
07-20-2011, 08:22 PM
Its possible you have an extra tag in there somewhere or that you're missing a closing tag, or you have two closing tags, etc etc.

Tech.Inno
07-20-2011, 08:30 PM
I can't find it anywhere. But that still isn't the issue with the menu.

Please help me fix the menu. The other problems may take a lot of time to fix, they can wait a little bit. The menu problem is rather severe.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum