Hi everyone, I am new to XHTML/CSS, and I am just working on my first layout, I need some advice regarding a couple of things, I wondered if anyone can help. I am sure that these are very simple things that have been covered before, but I just need pointing in the right direction.
The layout that I am working on is 3 column with a header and footer, liquid (the centre column can change size, the total width of the page is 83%). The whole layout has a drop shadow (visible on the right and bottom). I got snippets of code from various different places and pieced them all together, and I fell like I am getting there (slowly!). I may have been excessive (too many divs and containers), so don't be too alarmed!... Here is the layout: http://220.233.11.63/Misc/dev/Template-Long-Centre.html I am using 3 images: http://220.233.11.63/Misc/dev/Permanant-Images/Drop-Shadows/HeaderDropShadow.jpg Top right edge of the drop shadow. http://220.233.11.63/Misc/dev/Permanant-Images/Drop-Shadows/RightDropShadow.jpg Right edge of the drop shadow, as well as the shading and line which defines the columns (the background of the main content area). http://220.233.11.63/Misc/dev/Permanant-Images/Drop-Shadows/FooterDropShadow.jpg Footer drop shadow, providing the right bottom corner and bottom edge of the drop shadow. My problems are: 1. If I add content to the left or right columns, the footer doesn't push down, and the content overlaps - the layout breaks. I would like for all 3 columns to be the same height, no matter which one has more or less content. e.g.: http://220.233.11.63/Misc/dev/Template-Long-Left.html http://220.233.11.63/Misc/dev/Template-Long-Right.html 2. In IE5.2 for Mac OS X, the div for the navigation bar does not sit properly against the header and main content divs - this only seems to be an issue on this platform. I have tested in Win: Opera, IE, and FF, and Mac OS X Safari and IE - the only real issue out of all of these browsers appears to be IE for Mac, mentioned above. Please note, I am aware that the drop shadow images are jpegs, I may use PNGs for alpha transparency later on, though I don't have the need to at the moment as I am not using a background image as such (just a solid colour). Kind regards, Matt ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
