Hi Folks,

I'm having a problem aligning the tables to display correctly in Both IE and Mozilla. Sometimes, it looks good in IE, but not in Mozilla and so on..

Following is the table code:


<center>
<table border="0" cellpadding="0" cellspacing="0" align="center" width="99%"><!--DWLayoutTable-->
<tr>
<td width="33%" height="112"><div class="description" style="width: 234; height: 112">
<p align="justify" style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<strong>BlahBlah</strong>

<p align="justify" style="line-height: 150%; margin-top: 0; margin-bottom: 0">
blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
<hr noshade>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0"><a href="/advertiser.php" class="style10"><strong>Learn
More</strong></a>&nbsp; |&nbsp; <a href="/signup.php?advertiser" class="style10"><strong>Signup</strong></a></div></td>
<td>&nbsp;</td>
<td width="33%" height="112"><div class="description" style="width: 234; height: 112">
<p align="justify" style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<strong>Partner</strong>

<p align="justify" style="line-height: 150%; margin-top: 0; margin-bottom: 0">
blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
<hr noshade>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0"><a href="/advertiser.php" class="style10"><strong>Learn
More</strong></a>&nbsp; |&nbsp; <a href="/signup.php?advertiser" class="style10"><strong>Signup</strong></a> </div></td>
<td>&nbsp;</td>
<td width="33%" height="112"><div class="description" style="width: 234; height: 112">
<p align="justify" style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<strong>Help us Improve</strong>

<p align="justify" style="line-height: 150%; margin-top: 0; margin-bottom: 0">
blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
<hr noshade>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0; font-family: Verdana;"><a href="/signup.php?advertiser"><strong>Feedback</strong></a> </div></td>
</tr>
</table>
</center>


Following is the css class:

.description , .articles{ font-family:"Microsoft San Serif", Tahoma, Verdana, sans-serif; font-size:11px; line-height:13px; padding:5px; border:solid 1px #999; background-color:#F7F7F7;}
.description{ margin-top:10px; background-color:#F7F7F7;}

I need to align these 3 tables in a way that they look EXACTLY the same in both ie and mozilla. For now, they are not aligned correctly, as I said earlier, if it looks good in mozilla, it goes out of the page in IE.

Please help. Thanks.

try changing "justify" to either "center" or "left" . justify can be a pain in the tush at times.

Ah yes! Lemme try that, should work...

No, it isnt the problem, anything else?

try changing the ...."p style="line-height: 150%;" from the % to pixels that might help

should be a width problem as the boxes arent aligned horizontally.

the only thing i see that could possibly be throwing it off is ...


<td width="33%" height="112"><div class="description" style="width: 234; height: 112">


see how the first width is a % and all the rest is set as pixels

I tried it both in pixels and %, doesnt work. :[