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.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Jul 2012
    Posts
    24
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Internet Explorer IE7 can't display left toolbar on website

    Could someone please help explain why the left toolbar in my subpages such as this one (www.lixiao-art.com/bliss.html) can be displayed in older Windows versions of IE browser BUT NOT when using newer versions (e.g. Windows 7) of IE browser?

    Also, the spacing between the thumbnails is wrong in IE7 compared to using an older version of IE browser.

    The left toolbar is identified as "nav" in the external css style sheet:

    ----------------------------------------------------------------------
    body { font-family: Verdana;
    color: white;
    margin: 0px;
    background-color: black; }
    #header { font-family: courier new;
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    background-color: white;
    margin-bottom: 0px; }
    #content {float: right;
    padding: 30px 20px 20px 100px;
    width: 650px;
    position: absolute;
    margin: 0px;
    border: none;
    font: white;
    font-family: Arial;
    background-color: black; }
    h2 {height: 2em;}
    #nav {float: left;
    text-align: right;
    font-size: small;
    width: 200px;
    margin-top: 30px;
    font-weight: bold;
    padding: 10px;
    border: none;
    }
    #footer { font-family: arial;
    padding-bottom: 5px;
    width: 100%
    border: none;
    background-color: black;
    color: white;
    margin-bottom: 0px; }
    a{text-decoration: none;
    color: white;}
    a:hover {color: red;}



    * {margin: 0;}
    html, body {height: 100%;}

    .wrapper {min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -1.5em;}

    .footer, .push { height: 1.5em; }

    .ImgBorder:hover { border: 1px solid red; }

    img { border: none; }
    ---------------------------------------

    Thank you so much!!!!
    Last edited by lixiao; 07-14-2012 at 03:19 PM.

  • #2
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,263
    Thanks
    10
    Thanked 277 Times in 276 Posts
    Your #content div is sitting on top of your #nav div. If you removed the black background from the #content div, you'd see the #nav behind it. As to why this works in IE7 but not newer IE (or Firefox by the way), I'm not sure. It may be because of your entire content being wrapped inside a <h4> tag, that's kind of unusual. I'd fix that and look at your other http://validator.w3.org/check?verbos...m%2Fbliss.html, it could be that fixing them will resolve the issue.

    Dave

  • #3
    New Coder
    Join Date
    Jul 2012
    Posts
    24
    Thanks
    4
    Thanked 0 Times in 0 Posts

    pls provide codes

    Thank you, Dave.

    Since I have just started learning to write css (I'm learning only by trial and error), I am not sure how i can fix the errors you suggested, i.e.:

    - the #content div is sitting on top of the #nav div.
    - the entire content being wrapped inside a h4 tag.

    Is it possible you can re-write my css codes and post them here? - only the parts that need corrections would be enough.

    Thank you!

  • #4
    New Coder
    Join Date
    Jul 2012
    Posts
    24
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Thank you, Dave.

    Since I have just started learning to write css (I'm learning only by trial and error), I am not sure how i can fix the errors you suggested, i.e.:

    - the #content div is sitting on top of the #nav div.
    - the entire content being wrapped inside a h4 tag.

    Is it possible you can re-write my css codes and post them here? - only the parts that need corrections would be enough.

    Thank you!


  •  

    Tags for this Thread

    Posting Permissions

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