Opera Version8.0

Hi all,

I have downloaded opera 8.0 and noticed that a part of my site is not aligned as designed, it worked perfectly well in versions 7.20 and 7.54u2.
Here is the problem:


<body>
<table width="760" align="center" cellpadding="0" cellspacing="0">
<tr><td style="border-bottom: 1px #55f solid">
<table cellpadding="0" cellspacing="0" width="100%">
<tr><td></td></tr>
</table>
</td></tr>
<tr><td>
<table cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="149" style="border-right: 1px #55f solid;border-bottom:15px #55f solid">
<table cellpadding="0" cellspacing="0" width="100%">
<tr><td class="pHead"><h1>This header</h1></td></tr>

The td cell containing the h1 tag and title 'This header' creates exactly 10 pixels of a gap between itself and the cell above with the border-bottom: 1px #55f solid. In IE and previous versions of Opera this worked fine with the h1 aligning with the cell above.
I am in full compliance mode:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

The style rules applied to the td and h1 tags are:


td{
 font: normal 12px Arial, Helvetica, sans-serif;
}
h1{
 font: bold 12px Arial, Helvetica, sans-serif;
 display:inline;
 text-align: center;
 background-color: #55f;
 color: #fff
}
.pHead{
 background-color: #55f;
 text-align:center;
}

Nothing applied to either the table or body tag.

Any pointers is appreciated...

TIA,

-George

Opera Version8.0

Cellspacing/padding issue between 7.2, 7.5 & 8.0

Alternative Future

Alternative Future

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week