CSS Height Issue
Posted: 22 March 2010 04:06 PM   [ Ignore ]
Newbie
Rank
Total Posts:  2
Joined  2010-03-22

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.

Profile
 
 
Posted: 22 March 2010 04:23 PM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  2
Joined  2010-03-22

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;
}

Profile
 
 
Posted: 22 March 2010 04:29 PM   [ Ignore ]   [ # 2 ]
Newbie
Rank
Total Posts:  2
Joined  2010-03-22

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.

Profile
 
 
Posted: 22 March 2010 06:01 PM   [ Ignore ]   [ # 3 ]
Newbie
Rank
Total Posts:  2
Joined  2010-03-22

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

Profile
 
 
Posted: 28 March 2010 05:46 AM   [ Ignore ]   [ # 4 ]
Newbie
Rank
Total Posts:  20
Joined  2010-03-23

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

Profile
 
 
Posted: 06 April 2010 07:47 AM   [ Ignore ]   [ # 5 ]
Newbie
Rank
Total Posts:  3
Joined  2010-04-06

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

Profile
 
 
Posted: 06 April 2010 07:59 AM   [ Ignore ]   [ # 6 ]
Newbie
Rank
Total Posts:  2
Joined  2010-04-06

css style is very helpful for seo

Profile
 
 
Posted: 15 April 2010 06:07 AM   [ Ignore ]   [ # 7 ]
Newbie
Rank
Total Posts:  1
Joined  2010-04-15

“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

Profile
 
 
   
 
 
‹‹ Basic page layouts      Help with allignment ››