DaniWeb IT Discussion Community

DaniWeb IT Discussion Community (http://www.daniweb.com/forums/)
-   HTML and CSS (http://www.daniweb.com/forums/forum143.html)
-   -   Table = 100% in IE but not in FireFox? (http://www.daniweb.com/forums/thread26630.html)

cmills83 Jun 25th, 2005 2:19 pm
Table = 100% in IE but not in FireFox?
 
<< URL Snip -- Please post code only, thanks >>

The table extends to the bottom in IE but not in FireFox, any ideas? Thanks!

Dogtree Jun 25th, 2005 5:09 pm
Re: Table = 100% in IE but not in FireFox?
 
The height attribute doesn't exist in any portable HTML specification. You're relying on an IE extension. A workable solution is CSS:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<style type="text/css">

html,body {

  margin:0;

  padding:0;

  height:100%;

  width:100%;

}



table.full-height {

  height:100%;

  width:100%;

  border:1px solid black;

}

</style>

</head>

<body>

  <table class="full-height"><tbody><tr>

    <td>This is a test</td>

  </tr></tbody></table>

</body>

</html>

cmills83 Jun 25th, 2005 11:59 pm
Re: Table = 100% in IE but not in FireFox?
 
I'm afraid you are the man of the year. Thanks again for the help!

Rumor Jun 13th, 2007 6:37 am
Re: Table = 100% in IE but not in FireFox?
 
Quote:
Originally Posted by Dogtree (Post 134563)
The height attribute doesn't exist in any portable HTML specification. You're relying on an IE extension. A workable solution is CSS:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<style type="text/css">

html,body {

  margin:0;

  padding:0;

  height:100%;

  width:100%;

}

 

table.full-height {

  height:100%;

  width:100%;

  border:1px solid black;

}

</style>

</head>

<body>

  <table class="full-height"><tbody><tr>

    <td>This is a test</td>

  </tr></tbody></table>

</body>

</html>


Hi there,

I used to work this out by a tip I found on the web, similar to this:
I used to apply a class (fullHeight) to the html tag, but this is not valid code for XHTML.
So, while all other browsers parsed my page correctly, ie did not parse it properly when I had the class attribute there.
Then I did what you posted to bypass the invalid code, but again ie parse it wrong.
Is there any case that applying properties to the html object is invalid in any way?

MichaelRoof Jul 26th, 2007 1:18 pm
Re: Table = 100% in IE but not in FireFox?
 
Just add the form tag to the previous posting. The reason it is not working could be because the a parent (form) object is not being expanded to 100%. <br>

Try This:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<style type="text/css">

html,body, form {

  margin:0;

  padding:0;

  height:100%;

  width:100%;

}



table.full-height {

  height:100%;

  width:100%;

  border:1px solid black;

}

</style>

</head>

<body>

  <table class="full-height"><tbody><tr>

    <td>This is a test</td>

  </tr></tbody></table>

</body>

</html>

MidiMagic Jul 28th, 2007 1:20 am
Re: Table = 100% in IE but not in FireFox?
 
You are never going to have a screen-filling design for all users, for the simple reason that different computers are set up for different screen settings.

For example, my father still uses 800 X 600 because of his bad vision.


All times are GMT -4. The time now is 3:15 am.

Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC