|
|||||||||
|
|||||||||
|
|||||||||
 |
|||||||||
| |
||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
ASP Free Forums Sponsor:
|
|
Free Web 2.0 Code Generator! Generate data entry and reporting .NET Web apps in minutes. Quickly create visually stunning, feature-rich apps that are easy to customize and ready to deploy. Download Now!
|
|
#1
December 12th, 2004, 10:38 PM
|
|||
|
|||
height = 100%... OF WHAT?
Hi,
I've been developing my webpage and ran into the following dillema: My page works perfectly in Mozilla and FireFox Opera and IE 6 fail to display it as intended. (http://homepages.paradise.net.nz/~coolbest) Basically to sumamrise the problem: i have a table inside of a table. Table thats inside needs to occupy 100% of the height of the parent table. Mozilla and Firefox do it as expected - by setting height = 100% attribute of the table. In case of IE 6 it seems that height = 100% in MS terms is 100% of the availible screen, but not all of the space on the page. Opera just ingnores 100% all together (i'm not too worried about opera - usage stats r against it). But IE is a biggie. Getting the size of the table to the required height wouldn't scale well in my case. So filling it up with <br> is out. Am i missing some small detail out somewhere? Or if its just the way that IE does things, how do i get around it? Please help, Nick Goloborodko P.S. i am aware that height attribute is not officially defined in HTML, but...
|
|
#3
December 15th, 2004, 01:12 PM
|
||||
|
||||
|
I think you'll find that netscape also ignores height="100%" as well.
You might try: <table style="height=100%;"> this should work for most browsers. But don't hold me to that!
|
|
#4
December 16th, 2004, 12:46 AM
|
||||
|
||||
|
height is working for less and less browsers. Height as a fixed height should still work but yeah, as a percentage, not really gonna happen. You can however maniplate the height using javascript so all it has to do is do a little screen height detection and dynamically size your table accordingly.
__________________
If you found a post of mine helpful, please click on the  on my post to add to my reputation.
|
|
#5
December 16th, 2004, 04:45 PM
|
|||
|
|||
|
Also since you are wanting to achieve the 100% of height of the table inside a table, you should make the cell ( <TD> ) that the table is in the height you want it to be otherwise it has nothing to be 100% of
|
|
#6
December 16th, 2004, 06:29 PM
|
|||
|
|||
|
Quote:
Thanks for the reply, i fixed the problemm... Basically its been in 1 line of code at the very top... Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "<A href="http://www.w3.org/TR/html4/loose.dtd">[/code">http://www.w3.org/TR/html4/loose.dtd"> And once i have removed it it all worked  Once again, thanks for the help. Nick
|
|
#7
January 11th, 2005, 05:56 AM
|
||||
|
||||
|
Tables arn't meant to layout web-pages.
By defintion, a web-page canvas has finite width and infinite height. Hence why "height" isn't an attribute of the <table> element in ANY HTML spec. ...Since you removed the DTD, UA's have no idea what version of HTML you used to create the page, and so fall-back on their "lets make this uber-invalid code work" code, which "just works" for you, but it also reinforces bad design techniques. Learn CSS2.1 and XHTML1.1, Its so much easier that way
|
|
| Viewing: ASP Free Forums > Web Design > Web Layout > height = 100%... OF WHAT? |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
|
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
