Ok well im having abit of trouble keeping my sidebar column and my content columns the same size obviously when i add more content to the content div it expands in height but the sidebar obviously doesnt is there away to keep them the same size with javascript or sumthing. Ive asked a similar question before and got given a link to ALA's faux column but didnt understand it fully.
Any help is greatly appreciated.Faux columns are the way to go, so what part didn't you understand?Just the whole thing really i have an image in the sidebar div set to repeat the image so how do i get that to follow all the way down when more content gets added to the content div.You need to set the background image on your container div.Cheers ryan well this is what i did an i got it to work i re-read faux columns and understanded it this time. I added the image to the container and boom it works now. Now to sort IE out because of the min-height property not being rendered.
Cheers again
Chris SharkeyOhh also what happens when you have to columns a left and a right does that not work.huh?Then you just modify the image to have 3 columns, and have the 3 column markup:
html, body {background: url(faux.png) top center repeat-y; margin: 0;}
#body {width: 790px;}
#left {width: 200px; float: left;}
#mid {width: 390px; float: left;}
#right {width: 200px; float: right;}
#footer {clear: both; width: 790px;}
...
<body>
<div id="body">
<div id="left">
...
</div>
<div id="mid">
...
</div>
<div id="right">
...
</div>
</div>
</body>Ahh now i get it cheers omega.
Thanks again
Chris SharkeyNo problem, Chris.
Any help is greatly appreciated.Faux columns are the way to go, so what part didn't you understand?Just the whole thing really i have an image in the sidebar div set to repeat the image so how do i get that to follow all the way down when more content gets added to the content div.You need to set the background image on your container div.Cheers ryan well this is what i did an i got it to work i re-read faux columns and understanded it this time. I added the image to the container and boom it works now. Now to sort IE out because of the min-height property not being rendered.
Cheers again
Chris SharkeyOhh also what happens when you have to columns a left and a right does that not work.huh?Then you just modify the image to have 3 columns, and have the 3 column markup:
html, body {background: url(faux.png) top center repeat-y; margin: 0;}
#body {width: 790px;}
#left {width: 200px; float: left;}
#mid {width: 390px; float: left;}
#right {width: 200px; float: right;}
#footer {clear: both; width: 790px;}
...
<body>
<div id="body">
<div id="left">
...
</div>
<div id="mid">
...
</div>
<div id="right">
...
</div>
</div>
</body>Ahh now i get it cheers omega.
Thanks again
Chris SharkeyNo problem, Chris.