using 100%

This is a discussion on using 100% within the CSS forums, part of the Development category; i have seen in many websites they use html { height: 100%; } i normally do not use this what ...


Reply
 
LinkBack Thread Tools Display Modes
Old 2nd February 2010, 07:09 AM   #1
Member
 
Join Date: Sep 2009
Posts: 169
Thanks: 0
Thanked 0 Times in 0 Posts
sudhakararaog is on a distinguished road
Expertise: Total Beginner
Experience: Basic / None
Default using 100%

i have seen in many websites they use
html { height: 100%; }

i normally do not use this what does html { height: 100%; } actually mean is this more of an optional thing or if i use this what significant advantage will it have for the pages i create.

please advice.

thanks.
sudhakararaog is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!twitter
Reply With Quote
Old 2nd February 2010, 08:13 AM   #2
admin
 
saltedm8's Avatar
 
Join Date: Dec 2008
Location: Kent Uk
Posts: 1,595
Blog Entries: 6
Thanks: 15
Thanked 49 Times in 49 Posts
saltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond repute
Expertise: (X)HTML / CSS
Experience: Professional
Default

I think it causes more trouble than its worth.. another little thing I purposely avoid
__________________
web design kent
saltedm8 is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!twitter
Reply With Quote
Old 2nd February 2010, 02:35 PM   #3
moderator
 
kozata-xakep's Avatar
 
Join Date: Feb 2010
Location: Varna, Bulgaria
Posts: 50
Thanks: 0
Thanked 11 Times in 11 Posts
kozata-xakep will become famous soon enough
Expertise: Web Development
Experience: Professional
Smile

Hi there,

Code:
body, html { min-height: 100%; height: 100% }
I use this so I can set, for example, the footer at the absolute bottom. In order to set something in the bottom you need to set a height to the relative parent so all the browsers behave equal.

Setting the body and html tags with 100% make them expand vertically to fill the browser's view.
kozata-xakep is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!twitter
Reply With Quote
Reply

Tags
100%

Thread Tools
Display Modes