Hello everyone,
I have a question regarding css where I would like to know if it is possible to break up a page into thirds for the height. I need to have a page that will be 100% in height and 100% in width. The height will be broken down into thirds; 20% for the header image, 75% for the content and the remaining 5% for the footer image.
I am not a real big css buff and have always used tables for everything until recently when I started validating all of my html. Part of what is so frustrating to me with regard to css is the fact that what works in one browser will not work in another browser. How do you guys remember all the hacks?
My needs are actually pretty simple. I need this to work in either IE 6, IE7 and FF. That is all.
What I have is a div container that is set to 100% height and 100% width. Inside of that div, I have a table that uses css to stretch it 100% high and 100% wide. It works perfect..
The problem I am having is that when I try and devide the 3 table rows (header, content and footer) it will not render correctly. I can't even see my header image unless I set the height to about 90%.
Would someone please give me a hand?
Thanks,
Frank