Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16
  1. #1
    New Coder
    Join Date
    Jul 2011
    Posts
    24
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Question Site Displays Wong in IE (fixed all but nav menu)

    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:
    Code:
    #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
    Last edited by Tech.Inno; 07-20-2011 at 06:06 PM.

  • #2
    New Coder
    Join Date
    Jul 2011
    Posts
    24
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Here's a bit more of the CSS:

    Code:
    /* 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?

  • #3
    New Coder
    Join Date
    Jul 2011
    Posts
    24
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I've tried dozens of solutions, nothing makes a difference. Any ideas would be helpful.

  • #4
    New Coder
    Join Date
    Jul 2011
    Posts
    24
    Thanks
    2
    Thanked 0 Times in 0 Posts
    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.

  • #5
    New Coder
    Join Date
    May 2011
    Posts
    79
    Thanks
    3
    Thanked 4 Times in 4 Posts
    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=ht...Inline&group=0
    Quote Originally Posted by bullant View Post
    Basically - Java is to Javascript as Ham is to Hampster.

  • #6
    New Coder
    Join Date
    Jul 2011
    Posts
    24
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by xFinaLx View Post
    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=ht...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.

  • #7
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,742
    Thanks
    41
    Thanked 191 Times in 190 Posts
    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
    Last edited by alykins; 07-20-2011 at 06:35 PM. Reason: spelling*

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • #8
    New Coder
    Join Date
    Jul 2011
    Posts
    24
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by alykins View Post
    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.

  • #9
    New Coder
    Join Date
    May 2011
    Posts
    79
    Thanks
    3
    Thanked 4 Times in 4 Posts
    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.
    Quote Originally Posted by bullant View Post
    Basically - Java is to Javascript as Ham is to Hampster.

  • #10
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,742
    Thanks
    41
    Thanked 191 Times in 190 Posts
    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 code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • #11
    New Coder
    Join Date
    Jul 2011
    Posts
    24
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by alykins View Post
    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.

  • #12
    New Coder
    Join Date
    Jul 2011
    Posts
    24
    Thanks
    2
    Thanked 0 Times in 0 Posts
    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.

  • #13
    New Coder
    Join Date
    May 2011
    Posts
    79
    Thanks
    3
    Thanked 4 Times in 4 Posts
    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.
    Quote Originally Posted by bullant View Post
    Basically - Java is to Javascript as Ham is to Hampster.

  • #14
    New Coder
    Join Date
    Jul 2011
    Posts
    24
    Thanks
    2
    Thanked 0 Times in 0 Posts
    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.

  • #15
    New Coder
    Join Date
    May 2011
    Posts
    79
    Thanks
    3
    Thanked 4 Times in 4 Posts
    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.
    Quote Originally Posted by bullant View Post
    Basically - Java is to Javascript as Ham is to Hampster.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •