Bum Bum Bum....

[deekline]

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. ;)

[koyama]

You cannot put conditional comments in your style sheet:

.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:

<!--[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?