Forum Moderators: open
Is there a way, without changing or removing the DOCTYPE, to have the same functionality with rowheights accross IE7, IE6, and Firefox?
Thank you for any assistance.
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<table border="1" height="315">
<tr><td height="18" style="background-color: red;">1</td></tr>
<tr><td>IE7 table height bug (XHTML)</td></tr>
<tr ><td height="33" style="background-color: red;">bottom</td></tr>
</table>
</BODY>
</HTML>
The height attribute in a td element is now deprecated, and it was always just a "recommendation" for the browser's rendering engine, as it cannot be an ironclad restriction. There's a lot of wiggle room for browser coders in the W3C recommendations so they can avoid issuing contradictory instruction to their rendering engine - and IE seems to take the most liberties of the major browsers.
See this thread about a similar issue for more discussion:
[webmasterworld.com...]
You may need to rethink the layout. As mcvos posted in the above thread "I'm getting the impression that sometimes starting over completely can actually save time."
however as this is a fixed height table you could just give the middle row the missing height - 264px? - or maybe this is just a sample
