I have a slight problem with a page I just made. I can't figure out how to get the div that contains my links to stretch all the way down to the footer.
Take a look at the website (<!-- m --><a class="postlink" href="http://members.cox.net/williamsray/index.html">http://members.cox.net/williamsray/index.html</a><!-- m -->) to see what I mean. Maybe I've coded it wrong. Maybe the stylesheet is wrong. I'm not sure. Everything validates, so it's a bit confusing to me.What you need to do here is use Faux Columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->). You will have to put both the content and the navigation each in their own divs(if they aren't already), and then put them both into one container div. Make the container div have a background-color the same as the background color of the navigation(which I am assuming is #f00(#ff0000).Hi -
Faux-Columns is a great shortcut method that can get some cool effects if you've got a decent photo / graphics editor. If you don't, another easy way is to set the height of the div in % or better yet, px. (At least I've had good results on IE6 & Moz.)
Good luck,
ElOriginally posted by LJK
Hi -
Faux-Columns is a great shortcut method that can get some cool effects if you've got a decent photo / graphics editor. If you don't, another easy way is to set the height of the div in % or better yet, px. (At least I've had good results on IE6 & Moz.)
Good luck,
El
Um.... I think you're missing the point of Faux Columns
Faux columns is a way to have the illusion of two columns of the same height when using XHTML for layout. It has nothing to do with your graphics editor... And percentages won't work.Dan, I think what LJK meant was that you can create some really cool graphics with a program like Photoshop, then use them as Faux columns.
I've fixed my website so it looks right in IE, but it doesn't look right in Firefox. I want it to look right in Firefox. I'll post a link tomorrow so you can see what I mean. I've just been too lazy to upload the new stuff to the web.Just a suggestion for your <img /> based headers: CSS Image replacement (<!-- m --><a class="postlink" href="http://www.mezzoblue.com/tests/revised-image-replacement/index.php#shea">http://www.mezzoblue.com/tests/revised- ... x.php#shea</a><!-- m -->). CSS SIR (Shea image replacement) is pretty much a cut-n-paste job, but helps to keep your page fully CSS, and allows it to work better for screen readers and CSS on, images off situations.
Take a look at the website (<!-- m --><a class="postlink" href="http://members.cox.net/williamsray/index.html">http://members.cox.net/williamsray/index.html</a><!-- m -->) to see what I mean. Maybe I've coded it wrong. Maybe the stylesheet is wrong. I'm not sure. Everything validates, so it's a bit confusing to me.What you need to do here is use Faux Columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->). You will have to put both the content and the navigation each in their own divs(if they aren't already), and then put them both into one container div. Make the container div have a background-color the same as the background color of the navigation(which I am assuming is #f00(#ff0000).Hi -
Faux-Columns is a great shortcut method that can get some cool effects if you've got a decent photo / graphics editor. If you don't, another easy way is to set the height of the div in % or better yet, px. (At least I've had good results on IE6 & Moz.)
Good luck,
ElOriginally posted by LJK
Hi -
Faux-Columns is a great shortcut method that can get some cool effects if you've got a decent photo / graphics editor. If you don't, another easy way is to set the height of the div in % or better yet, px. (At least I've had good results on IE6 & Moz.)
Good luck,
El
Um.... I think you're missing the point of Faux Columns
Faux columns is a way to have the illusion of two columns of the same height when using XHTML for layout. It has nothing to do with your graphics editor... And percentages won't work.Dan, I think what LJK meant was that you can create some really cool graphics with a program like Photoshop, then use them as Faux columns.I've fixed my website so it looks right in IE, but it doesn't look right in Firefox. I want it to look right in Firefox. I'll post a link tomorrow so you can see what I mean. I've just been too lazy to upload the new stuff to the web.Just a suggestion for your <img /> based headers: CSS Image replacement (<!-- m --><a class="postlink" href="http://www.mezzoblue.com/tests/revised-image-replacement/index.php#shea">http://www.mezzoblue.com/tests/revised- ... x.php#shea</a><!-- m -->). CSS SIR (Shea image replacement) is pretty much a cut-n-paste job, but helps to keep your page fully CSS, and allows it to work better for screen readers and CSS on, images off situations.