SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Thread: IE Problems!!

  1. #1
    SitePoint Addict
    Join Date
    Aug 2010
    Posts
    349
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE Problems!!

    I really hate asking for help without doing some prior research, but when it comes to IE issues, it's either you know it, or you don't.

    My layout is broken pretty bad in IE 8. Please help! Thank you

    www.ogsindustries.com

  2. #2
    SitePoint Addict
    Join Date
    Aug 2010
    Posts
    349
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Please use Chrome/Firefox/Safari for reference of what site should look like.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,535
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Have you included the html5 shiv?

    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    It goes in the head and enables IE8 to recognise the new html5 elements.

  4. #4
    SitePoint Addict
    Join Date
    Aug 2010
    Posts
    349
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    wow that literally just fixed everything. lol

    Thanks so much!

  5. #5
    SitePoint Addict
    Join Date
    Aug 2010
    Posts
    349
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    One last thing, it's an ie problem though - when I make the width smaller of the website my navigation moves, because i have it set to margin: 0 auto; so it's obviously staying centered with the width that i make the browser window. What else do i need to apply so it "sticks" to the center of the website width?

    Problem is, my body and site wrapper do not have set widths because they have background images that I have set to width:100%.

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,535
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I'm not sure I understood the question but if you meant that background images on 100% wide elements become smaller than the fixed width centered layout then you should put a min-width on the 100% wide elements equal to the width of the centred portion (e.g.min-width:100px).

    You need to do that for all full viewport 100% width elements otherwise when the horizontal scrollbar appears and you scroll to see content the background will be missing.

    I'm not sure if that's what you were asking though.


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
  •