Closed Bug 276544 Opened 20 years ago Closed 20 years ago

table does not render properly in xhtml

Categories

(Firefox :: General, defect)

Product:
Firefox
Component:
General
Platform:
x86
Windows XP
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED DUPLICATE of bug 161726

People

(Reporter: luckyarthur550, Assigned: bugzilla)

References

(
URL
)

Details

I am using version 1.0+, which I downloaded today, December 30, 2004.

The URL contains a snippet of code that displays the problem. The above link
renders perfectly in IE 6.0. It also renders perfectly if the doctype is changed
to <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">. But, when
the doctype is <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
the height of the cells improperly increases enormously and is not acceptable.
Using the W3C validators, the CSS code properly validates and the page properly
validates as XHTML Transitional. The page code is as follows:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
  <title>Our Online Store</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">

p.left  {
	font : italic normal normal 31px "Times New Roman", Times, serif;
	text-align : left;
	text-decoration : none;
	color: #FFFFFF;
	vertical-align: top;
}
p.right  {
	font : italic normal normal 37px "Times New Roman", Times, serif;
	text-align : center;
	text-decoration : none;
	color : #FFFFFF;
	vertical-align: bottom;
}
table.banner {
	background: #3366CC;
	width: 750px;
	border: 5px;
}

</style>

</head>
<body>

  <table  class="banner">

    <tr>
      <td><p class="left">We welcome you to</p></td>

      <td><p class="right">Our Online Store</p></td>
    </tr>

  </table>

</body>
</html>
Please see bug 161726 comment 6.

*** This bug has been marked as a duplicate of 161726 ***
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago
Resolution: --- → DUPLICATE
Thanks for the input. It took me a while to figure out where we were going with 
the <p> issue, but I experimented and came up with the following solution for 
those who may be interested. Thanks again.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
       <title>Our Online Store</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">

table.banner  {
     background: #3366CC;
     width: 750px;
}
#left  {
     font : italic normal normal 31px "Times New Roman", Times, serif;
     text-align : left;
     text-decoration : none;
     color: #FFFFFF;
     vertical-align: top;
}
#right  {
     font : italic normal normal 37px "Times New Roman", Times, serif;
     text-align : center;
     text-decoration : none;
     color : #FFFFFF;
     vertical-align: bottom;
}

</style>

</head>
<body>
  <table class="banner">
    <tr>
      <td id="left">We welcome you to</td>

      <td id="right">Our Online Store</td>
    </tr>
  </table>
</body>
</html>
You need to log in before you can comment on or make changes to this bug.