I am working on a 2 column layout with a header and footer, with the footer always pushed against the bottom of the page (or at the bottom of the content, if the page content is longer than the available space).
Here is the page (ignore the colours - they are just for identifying divs!): http://www.cssweb.co.uk/templatetest.html
I am coming across two problems:
1) When viewing in Firefox - there is whitespace at the top of the page
above the Document Heading, which is within an H1 tag. If I add:
#header h1 {
margin:0;
}
then this problem disappears.Shouldn't the H1 be contained within the header div? Why is the above required? This problem does not happen in IE6.
2) When viewing in IE6 - the floated sidebar div (yellow with red border) does not appear on top of the pink space where it should be. Why is that?
Thanks,
Stephen
-- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.10.4 - Release Date: 27/04/2005
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
