Web Design Forums

lunchbox170 · 07-02-2007, 17:57

How can I make an element the height of the entire page?

d3mcfadden · 07-02-2007, 18:20

This can usually be accomplished with an image background repeated all the way down the page.. giving the appearance of the element taking up the whole page. Otherwise you have to use a bit of javascript to get the browser's height dimension and update the style.height of the element with that variable.

hawken · 08-02-2007, 02:36

it's been depreciated.

mgpwr · 08-02-2007, 05:53

You will need to make sure your body margin is set to 0px

body {
Margin: 0px;
}

I think lol!

digitaloctane · 08-02-2007, 11:45

body,html{
background: #FFF url(/img/background.jpg);
margin:0;
padding:0;
}

With this in your CSS, and a background image thats lets say 10px wide and 1200px tall would give you the desired effect. Let me know if that helps.

07-02-2007, 17:57	#1 (permalink)
lunchbox170 Project Designs.org Join Date: Nov 2006 Posts: 191	Height 100%??? How can I make an element the height of the entire page?

08-02-2007, 02:36	#3 (permalink)
hawken Cornish Pasty Join Date: Nov 2003 Location: Tokyo, Japan Posts: 2,397	it's been depreciated. __________________ ere, wosson?

08-02-2007, 05:53	#4 (permalink)
mgpwr with a hint of lemon Join Date: Aug 2006 Location: Hull Posts: 478	You will need to make sure your body margin is set to 0px body { Margin: 0px; } I think lol! __________________ Online portfolio: mgpwr.co.uk

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

07-02-2007, 18:20	#2 (permalink)
d3mcfadden Senior Member Join Date: Apr 2005 Location: - Posts: 694	This can usually be accomplished with an image background repeated all the way down the page.. giving the appearance of the element taking up the whole page. Otherwise you have to use a bit of javascript to get the browser's height dimension and update the style.height of the element with that variable.

08-02-2007, 11:45	#5 (permalink)
digitaloctane Registered User Join Date: Feb 2007 Location: Rhode Island Posts: 24	body,html{ background: #FFF url(/img/background.jpg); margin:0; padding:0; } With this in your CSS, and a background image thats lets say 10px wide and 1200px tall would give you the desired effect. Let me know if that helps.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)