SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Enthusiast
    Join Date
    May 2011
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE8 Spacing Issue

    http://hippo.arvixe.com/~bgmh1986/

    For some reason I can't seem to find what is causing the spacing issue on my navigation section in IE8. It's pretty frustrating, as I've tried removing margins and padding of the elements contained in the div. It appears the ul has a top padding or margin, but there is none to be found in the code. The site seems to work just fine in other browsers, even in IE9. Any thoughts? Thanks!

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,583
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Another reason you shouldn't use HTML 5 . It's because you use the <nav> element (with the id="access"). IE8 and down don't support HTML5. If you were to change that <nav> to <div>, it would remove the spacing .

    As proof, IE7 is also doing this. IE6, etc.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  3. #3
    SitePoint Enthusiast
    Join Date
    May 2011
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ahhh, the basic "Toolbox" template I used from Wordpress to design this was using HTML5. Thanks for your help!

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,583
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Glad I could be of help .
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  5. #5
    SitePoint Member
    Join Date
    May 2012
    Location
    Norway :)
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RyanReese View Post
    Another reason you shouldn't use HTML 5 . It's because you use the <nav> element (with the id="access"). IE8 and down don't support HTML5. If you were to change that <nav> to <div>, it would remove the spacing .

    As proof, IE7 is also doing this. IE6, etc.
    Thanks for the info. I have just started to add the nav element for my menus, before reading your post

  6. #6
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,583
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by webgrid View Post
    Thanks for the info. I have just started to add the nav element for my menus, before reading your post
    This shouldn't just extend to nav elements . For 90% of HTML elements, there is no real reason to add it in. Perhaps better semantics? Questionable. Stick to HTML4 tags for now .
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  7. #7
    SitePoint Member
    Join Date
    May 2012
    Location
    Norway :)
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RyanReese View Post
    This shouldn't just extend to nav elements . For 90% of HTML elements, there is no real reason to add it in. Perhaps better semantics? Questionable. Stick to HTML4 tags for now .
    I added it for SEO reasons. I had this idea: "Maybe Google can identify my menu more easily if I use the nav tag..."

  8. #8
    SitePoint Zealot
    Join Date
    Mar 2012
    Posts
    117
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The usefulness of <nav> is questionable, but HTML5 introduces plenty of new tags and attributes that you can and should be using today.

    It's perfectly acceptable to use HTML5, regardless of what some people here might say. Older browsers don't support the new tags, but the web shouldn't be about dumbing down our code to make sure obsolete pieces of software can read it. The web should be about moving forward.

    The fact that older browsers don't understand new HTML5 elements is also a bit of a non-issue, because you can easily include an HTML5 shiv...sure, it requires javascript, but how many people do you know who are using IE8 with javascript disabled?

    You're right in your assumption that HTML5 elements can help with SEO. It might not make a difference now, but down the road, Google will be taking advantage of the new tags. They might use <nav> to show a list of links in the search result. I can tell you right now they'll be using <time> to organize results based on date. And then the people who insisted on sticking with HTML4/XHTML because "HTML5 is nothing but sloppy code and tags for nothing" will be wishing they'd taken advantage of this stuff earlier on.

    The new tags AREN'T for nothing...they have a real purpose, and anyone who doesn't see that purpose can't seriously say that they understand the value of semantics in HTML.

    Sure, there's a certain point when a <div> or a <span> or a <p> will do just fine, but things like <header>, <article>, <section>, <aside>, <footer>...they help define the different parts of a page. And don't let anyone tell you that these elements are presentational. They're not. <header>, for example, isn't simply "some **** at the top of my page". It's a space for introductory content. You could technically use CSS to put your header at the bottom of the page, though I'm not sure why you would.

    I say use HTML5, use CSS3, and use every excuse to forget about versions of IE that people shouldn't be using anymore in the first place. If even Microsoft wants you to stop supporting IE6 and IE7, it's time to stop supporting them.

    Some people say it's the designer's responsibility to make sure anyone can see their design in its full glory...but at the same time, it's the viewer's responsibility to understand how to use a computer properly and upgrade their browser.

    Just use an HTML5 shiv, make sure all your content is accessible to everyone (even if it might not look pretty), and you're good. Welcome to the future.


Bookmarks

Posting Permissions

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