View Full Version : Bum Bum Bum....

Jan 30th, 2007, 05:16 PM
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 (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. ;)

Jan 30th, 2007, 07:53 PM
You cannot put conditional comments in your style sheet:

position: relative;
width: 218px;
height: 100%;
border: 5px solid green;
<!--[if lte IE 7]>
.left {
height: 535px;

#products{height:870px; min-height:100%;}
#aboutus{height: 535px; min-height:100%;}
You will have to move this part into your html document:

<!--[if lte IE 7]>
<style type="text/css">
.left {
height: 535px;

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?