Trying to extened sidebar to footer on in liquid layout

[chuckscherl]

I am just learning CSS layouts using DW CS3. The new skeleton pages provided are a great help. I am trying to modify the "two colimn liquid with header & footer. I want to be able to have sidbar1's background to extend down to the footer when when the data mainContent extends down past the height of sidebar1. I have tried making sidebar1's height 100% but that has new effect. I also tried using a background image to force a height of at least 800px, but that didn't work either. Anybody know how to make this happen??????

here's the link to the webpage:

http://www.tracersportfishing.com/Ad...les/2ColLq.htm

http://www.tracersportfishing.com/Ad...les/2ColLq.htm

Many Thanks,
Chuck

[Spiritvn]

becoz that's not a table layout so the height of two divs will not have a relation.

You can use min-height for that, but it just work on FF, if you want to see it works on IE u must use CSS Hack.

.FF {
min-height: 800px;
}
*html .IE {
height: 800px;
}
or you just use the height to force both:
.all {
height: 800px;
}

hf

[chuckscherl]

Thanks.... I was afraid that was the issue.

[boogyman]

becoz that's not a table layout so the height of two divs will not have a relation.

You can use min-height for that, but it just work on FF, if you want to see it works on IE u must use CSS Hack.

.FF {
min-height: 800px;
}
*html .IE {
height: 800px;
}
or you just use the height to force both:
.all {
height: 800px;
}

hf

not having a table layout is a GOOD THING. and as for the IE "hack" it is not necessary. Faux Columns is what he is just trying to do.

I have tried making sidebar1's height 100% but that has new effect. I also tried using a background image to force a height of at least 800px, but that didn't work either.

it is very hard to force heights, and by doing so you are really negating the fluidity of your layout. Read the article I linked above, as it does a good job of explaining your situation. If you do have any specific questions feel free to ask