Hi.

I seem to have a height issue with css. I have come across this before when edit templates but have found a way around it by limiting the height to a number of pixels.

If you go to http://www.quaydesign.net/clients/derrickconstruction/

You will see that I have a main DIV id which does not flow down to the bottom of the pages and contain everything thats within in.

There should be the white space at the top spread down the page behind the wording etc.

Please help.

your div.main needs clearfix.

Remember that an element containing floated elements is not sized correctly, specification says that floating elements get their own layout rules and context.

clearfix used in elastic css framework.

.clearfix:after{
content : ” “;
display : block;
height : 0;
clear : both;
visibility : hidden;
}

.clearfix{
display : block;
*zoom : 1;
*display : inline-block;
}

Hi Azendal.

Thanks for this. Please can you advise me more as I am very new to CSS rules and I have taught myself it backwards from downloading templates etc.

How would I amend my file?

Craig.

put the css rules that i gave you in your css, then go and add the class clearfix to main, that should do it

I checked the site, you are missing a closing tag (</div>).

The DIV+CSS must be so hard,but when you use this,it is good for your website and good for SEO

css style is very helpful for seo

“class” container is placed within “id” bottomMenu and I want the height for the bottomMenu to inherit the height of the container. I cannot figure out why, any help is useful. Thanks!
Cho Yung Tea