•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 363,552 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,872 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 12443 | Replies: 5
 |
•
•
Join Date: Jun 2004
Posts: 207
Reputation: 
Rep Power: 5
Solved Threads: 0
Posting Whiz in Training
<< URL Snip -- Please post code only, thanks >>
The table extends to the bottom in IE but not in FireFox, any ideas? Thanks!
The table extends to the bottom in IE but not in FireFox, any ideas? Thanks!
•
•
Join Date: May 2005
Posts: 232
Reputation:
Rep Power: 4
Solved Threads: 2
Posting Whiz in Training
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> •
•
Join Date: Jun 2004
Posts: 207
Reputation:
Rep Power: 5
Solved Threads: 0
Posting Whiz in Training
I'm afraid you are the man of the year. Thanks again for the help!
•
•
Join Date: Jun 2007
Posts: 1
Reputation:
Rep Power: 0
Solved Threads: 0
Newbie Poster
•
•
•
•
Originally Posted by Dogtree 
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?
•
•
Join Date: Jul 2007
Posts: 1
Reputation:
Rep Power: 0
Solved Threads: 0
Newbie Poster
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:
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> Last edited by MichaelRoof : Jul 26th, 2007 at 1:20 pm.
•
•
Join Date: Jan 2007
Posts: 2,361
Reputation:
Rep Power: 6
Solved Threads: 90
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.
For example, my father still uses 800 X 600 because of his bad vision.
Daylight-saving time uses more gasoline
|
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
•
•
•
•
•
•
•
•
DaniWeb HTML and CSS Marketplace
Linear Mode
•
•
•
•
beta bon browser browsers browsing code css development div dreamweaver echo email encryption firefox gecko google checkout google checkout vat gpt html html api internet internet explorer javascript leak linux memory microsoft mozilla networking news open source open-source partition patch phishing scams security social software super symantec tables testing users w3c web webmail wysiwyg xml
- display:block to show a table? (JavaScript / DHTML / AJAX)
Other Threads in the HTML and CSS Forum
- Previous Thread: Css In Dynamic Content
- Next Thread: Talbe Dimensions
