saaustin
Member
My Wonderful Family
Posts: 62
|
Post by saaustin on Jan 4, 2008 22:05:43 GMT -5
Can someone please look at my site and explain to me why my counter is centered on Firefox, and is all the way to the left on IE7. This is bugging the heck out of me.
Thanks, Sean
|
|
|
Post by Tom "CloudHand" on Jan 5, 2008 13:10:52 GMT -5
Your stat counter code is outside the table elements. It is currently between the last </td> and before the ending >/tr> boundary, thus it will be displayed on your page between the first <tr> and first <td>.
The difference you are seeing between the 2 browsers is because IE7 and Firefox handle erroneous code differently. It seems that Firefox inherits the table attributes and displays it centered, whereas IE7 just displays the error using default attributes.
To fix it, all you need to do is to close off your first table row with a </tr> before the stat counter code, and then put your stat counter code between row and data elements as such: <tr><td colspan=”2”>stat counter code</td></tr>.
If you want your stat counter displayed above the Terms like it is being displayed now, you can just put the new row above the terms row.
Here is an outline of your current table code (note: some of the code has been shortened with .....):
<table align="center" ………> <tbody> <tr> <td align="center" valign="middle" width="330"> <a …..>Terms Of Use</a> <a ……>Privacy Policy</a> </td> <td align="right" valign="top"> <div> <a ……><img …… alt="I.A.H.B.E."></a> </div> </td>
<script type="text/javascript"> var sc_project=3259023; var sc_invisible=0; var sc_partition=35; var sc_security="474b63ca"; </script> <script type="text/javascript" src="......"></script> <noscript> <div align="center"><i><i><strong> <div class="statcounter"> <a class="statcounter" ……><img class="statcounter"…… /></a> </div></noscript>
</tr> </tbody> </table> </div>
As you can see, the stat counter code is placed between </td> and </tr> elements. It should be located between <td> and </td> elements if it is to be displayed properly inside a table.
Here is how to fix it (changes in blue):
<table align="center" ………> <tbody>
<tr> <td> <script type="text/javascript"> var sc_project=3259023; var sc_invisible=0; var sc_partition=35; var sc_security="474b63ca"; </script> <script type="text/javascript" src="......"></script> <noscript> <div align="center"><i><i><strong> <div class="statcounter"> <a class="statcounter" ……><img class="statcounter"…… /></a> </div></noscript> </div> </td> </tr>
<tr> <td align="center" valign="middle" width="330"> <a …..>Terms Of Use</a> <a ……>Privacy Policy</a> </td> <td align="right" valign="top"> <div> <a ……><img …… alt="I.A.H.B.E."></a> </div> </td> </tr> </tbody> </table>
Hope that helps.
Tom
|
|
saaustin
Member
My Wonderful Family
Posts: 62
|
Post by saaustin on Jan 5, 2008 15:56:26 GMT -5
Thank you Tom for the assistance. Can you check it again. This time IE7 is centered and Firefox is now to the left. I think I followed your directions, except that when I try to put </div> at the end of the stats portion, it keeps getting removed.
Sean
|
|