Stylesheets - Firefox table centering problem

Author

Firefox table centering problem

ben.saur@gmail.com

2005-10-07, 3:19 am

I am having a problem viewing a centered table using Firefox. When the
page is long enough to scroll, the alignment moves slightly to the
left. The alignment doesn't change when I view the page with IE. Here
is the code:

Table 1:
<table width="100%">
<tr><td >
<div align="center">
<table border="1" style="width:800; margin-left:auto;
margin-right:auto;">
<tr><td></td></tr>
</table>
</div>
</td></tr>
</table>
http://www.btothe3.com/b.php

Table 2:
<table width="100%" >
<tr><td >
<div align="center">
<table border="1" style="width:800; margin-left:auto;
margin-right:auto; height:1000px;">
<tr><td></td></tr>
</table>
</div>
</td></tr>
</table>
http://www.btothe3.com/a.php

Am I missing something?

'sNiek

2005-10-07, 3:19 am

ben.saur@XXXXXXXXXX schreef:
> I am having a problem viewing a centered table using Firefox. When the
> page is long enough to scroll, the alignment moves slightly to the
> left. The alignment doesn't change when I view the page with IE. Here
> is the code:
>
> Table 1:
> <table width="100%">
> <tr><td >
> <div align="center">
> <table border="1" style="width:800; margin-left:auto;
> margin-right:auto;">
> <tr><td></td></tr>
> </table>
> </div>
> </td></tr>
> </table>
> http://www.btothe3.com/b.php
>
> Table 2:
> <table width="100%" >
> <tr><td >
> <div align="center">
> <table border="1" style="width:800; margin-left:auto;
> margin-right:auto; height:1000px;">
> <tr><td></td></tr>
> </table>
> </div>
> </td></tr>
> </table>
> http://www.btothe3.com/a.php
>
> Am I missing something?
>

yep, in FF there is no disabled scrollbar when you don't have to scroll. In IE you get a disabled scrollbar
when you don't need to scroll.

Sometimes it's so simple you don't see it ;-)

--
Niek

ben.saur@gmail.com

2005-10-07, 6:30 pm

Quite. Thanks.

Gérard Talbot

2005-10-08, 3:19 am

ben.saur@XXXXXXXXXX a écrit :
> I am having a problem viewing a centered table using Firefox. When the
> page is long enough to scroll, the alignment moves slightly to the
> left. The alignment doesn't change when I view the page with IE. Here
> is the code:
>
> Table 1:
> <table width="100%">
> <tr><td >
> <div align="center">
> <table border="1" style="width:800; margin-left:auto;
> margin-right:auto;">

So far, you have absolutely no need, no justification for nesting tables
like you do.

> <tr><td></td></tr>
> </table>
> </div>
> </td></tr>
> </table>
> http://www.btothe3.com/b.php
>

<table width="800" style="margin-left: auto; margin-right:auto;
empty-cells: show;">
<tr><td>
....

> Table 2:
> <table width="100%" >
> <tr><td >
> <div align="center">
> <table border="1" style="width:800; margin-left:auto;
> margin-right:auto; height:1000px;">
> <tr><td></td></tr>
> </table>
> </div>
> </td></tr>
> </table>
> http://www.btothe3.com/a.php
>
> Am I missing something?

9.6. Why doesn't <TABLE WIDTH="100%"> use the full browser width?
http://www.htmlhelp.com/faq/html/ta...ml#table-100pct

Gérard
--
remove blah to email me