Hi all,
I've managed to use CSS to create a table-like layout but the problem is that it works horzontially but not vertically. When users have a big screen resolution, I want the red 'box' area to go all the way to the bottom, along with the 'copyright' div but not the rest of the words. Am having lotsa trouble. Help is much needed! Don't worry about the ugly boxes- they're there so i can see what's happening. If you can, please Download the zip file (it's pretty small) and any suggestions would be fantastic. I've included a .gif image to help explain.
Thanks in advance.Well to get you column to run to the bottom of the page you can use the Faux Columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->) technique.
To get your green bar with text in it to go to the bottom as well I think the only way to do it would be to use absolute positioning. bottom:10px; or something, but be careful because on your longer pages the content may be hidden under the bar, to counter-act that I would recommend putting some bottom padding on the body tag.mucho thanks. i shall try what you've suggested straight away.Happy to help, hope it works out for ya.
I've managed to use CSS to create a table-like layout but the problem is that it works horzontially but not vertically. When users have a big screen resolution, I want the red 'box' area to go all the way to the bottom, along with the 'copyright' div but not the rest of the words. Am having lotsa trouble. Help is much needed! Don't worry about the ugly boxes- they're there so i can see what's happening. If you can, please Download the zip file (it's pretty small) and any suggestions would be fantastic. I've included a .gif image to help explain.
Thanks in advance.Well to get you column to run to the bottom of the page you can use the Faux Columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->) technique.
To get your green bar with text in it to go to the bottom as well I think the only way to do it would be to use absolute positioning. bottom:10px; or something, but be careful because on your longer pages the content may be hidden under the bar, to counter-act that I would recommend putting some bottom padding on the body tag.mucho thanks. i shall try what you've suggested straight away.Happy to help, hope it works out for ya.