I went through all of the skinning tutorials, standard and CSS. I am working on a skin and I am having a problem with setting the height to 100% of one of my Divs. I have done some research and I understand the parent Div needs a height for my sub Div to be set to 100%, however my parent Div is set to 100% and then the body Div is set to 100% and this is still not working. My boss hasn't given me much time on this project and I really need help ... gotta love how people that don't understand IT work set the deadlines. Attached is my code. What I am trying to do is simply have one main Div in the center of the browser window and 2 divs, one on either side that has a gradient to help the box stand out more. Any thoughts or help would TOTALLY be appreciated!

100% height divs are a bit more complicated than it seems it should be.

First - what browsers are you having an issue with?

You have multiple things that can effect the height issues - but divs never work well at 100% - you run into cross-browser, browser version, xhtml, doctypes, and structural issues.

If you want something full-height and cross-browser you need to *gasp* stick to tables when neccessary. I know it's not "right" according to xhtml, but it doesn't actually break things. Mostly this is for accessibility - and most accessibility screen readers have become very good at weeding out content vs. layout.

A quick thing you can try is to set Body & HTML to 100% with no padding or margin.

And I don't know too many people willing to open a zip file... Is there someplace online you could put the skin? Or you could post the code between tags?

^_^