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 2 of 2

Thread: Bum Bum Bum....

  1. #1
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Bum Bum Bum....

    Once again, I'm trying to figure out a 100% height issue for the site I'm working on.

    Example of problem:


    http://xardev.kulabyte.com/index.php/xarpages/about_us


    In FF the black navigation menu on the left stretches down to the footer but in IE it doesn't stretch at all. I've been working on this for quite a long time but I'm more of a designer than a coder so I've been pretty much learning this as I go. Does anyone know of a hack or something for IE that will fix my problem. Some help would be a life saver.

    I think I might just quit and go work as a sandwhich artist at subway or something.

  • #2
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    You cannot put conditional comments in your style sheet:
    Code:
    .left{
    position: relative;
    width: 218px;
    height: 100%;
    border: 5px solid green;
    }
    <!--[if lte IE 7]>
    .left {
    	height: 535px;
    	}
    <![endif]-->
    
    #products{height:870px; min-height:100%;}   
    #aboutus{height: 535px; min-height:100%;}
    #technology{height:535px;}
    #support{height:535px;}
    #team{height:700px;}
    #height{height:100%;}
    You will have to move this part into your html document:
    Code:
    <!--[if lte IE 7]>
    <style type="text/css">
    .left {
    	height: 535px;
    	}
    </style>
    <![endif]-->
    Are you aware that the height attribute for the <table> element doesn't exist in HTML? The document could never validate. At least you could move this declaration into your style sheet.

    Have you considered a floated layout with no tables?


  •  

    Posting Permissions

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