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 to the CF scene
    Join Date
    Nov 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer Site displays wrong in IE6 - help needed

    Hi,

    I have created this very simple and minimalisic website : http://jhdentrechter.net
    The site displays right in all browsers exept in IE6. The html and css are very simple, and i don't know what the problem is. Don't mind the php in the source, ist just a mini cms.

    Thanks

  • #2
    Regular Coder
    Join Date
    Oct 2007
    Posts
    148
    Thanks
    4
    Thanked 4 Times in 4 Posts
    I believe the problem lies in your IE stylesheet:

    Code:
    #menu {
        float: left;
        width: 215px;
        overflow: auto;
        top: 0;
        bottom: 0;
        position: fixed;
        height: 100%;
    	background-color: #fff;
    }
    
    #content {
        height: 100%;
        margin: 0 0 0 215px;
        top: 0;
    }
    
    * html div#menu {
        width: 20%;
    }
    
    * html div#content {
        height: 100%;
        width: 80%;
        overflow: auto;
        position: absolute;
        margin: 0;
    }

    You also failed to properly close a few tags in your HTML, but I don't think it's causing a problem.

  • #3
    New to the CF scene
    Join Date
    Nov 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for the reply. I deleted the lines you marked, but the layout in IE6 didn't change, it still looks messed up.

  • #4
    Regular Coder
    Join Date
    Oct 2007
    Posts
    148
    Thanks
    4
    Thanked 4 Times in 4 Posts
    Sorry, I didn't mean to delete them, I meant to fix them.


    Something like this: (Change the values as needed)

    Code:
    #menu {
        float: left;
        width: 215px;
        overflow: auto;
        top: 0px;
        position: fixed;
        height: 100%;
        background-color: #fff;
    }
    
    #content {
        height: 100%;
        margin: 0 0 0 215px;
        position:absolute;
        top: 100px;
    }
    
    * html div#menu {
        width: 20%;
    }
    
    * html div#content {
        height: 100%;
        width: 80%;
        overflow: auto;
        position: absolute;
        margin: 0;
    }


  •  

    Posting Permissions

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