Eivo Posted February 22, 2007 Share Posted February 22, 2007 I am using a simple table (3 rows, 1 column) for a layout I am working on right now and am looking for a way to get it to take up 100% of the height of the screen. I want it to take up 100% of the height until something in the table makes it longer. I hope this makes sense. Can anyone help? Link to comment Share on other sites More sharing options...
Anders Moen Posted February 22, 2007 Share Posted February 22, 2007 Either height="100%" or style="height: 100%;" I guess. I'm not sure if it'll work, though. Link to comment Share on other sites More sharing options...
pulpfiction Posted February 22, 2007 Share Posted February 22, 2007 "Height" attribute in <table> is Deprecated, so use <table style="height:100%;">......... Link to comment Share on other sites More sharing options...
justsomeguy Posted February 22, 2007 Share Posted February 22, 2007 When settings heights on an element to any percent value, you need to make sure that every parent of the element has a height defined. Several browsers will have problems if things like <html> and <body> do not have height defined on them. So make sure that everything from <html> up through your table has a defined height, and then you can use a percentage height on the table. html { height: 100%;}body { height: 100%;} Link to comment Share on other sites More sharing options...
MrAdam Posted February 22, 2007 Share Posted February 22, 2007 I noticed once that in firefox, if you don't set the height like justsomeguy said, the content will extend out of the table, a sort of overlapping effect. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now