Posted by Martin Jay on 08/28/07 02:43

On Tue, 28 Aug 2007 11:39:12 +1000, dorayme
<doraymeRidThis@optusnet.com.au> wrote:

>I would appreciate suggestions for having the tables at
>
>http://tinyurl.com/2mjd8m
>
>to be the same width, preferably 100%, so that hell does not
>break loose in IE 6 (I have no idea about IE 7?). No problem with
>non IE modern browsers, simply table {...; width: 100%; ...} does
>it.

I'm a little confused about what you want. Is this it:
<http://www.spam-free.org.uk/pages/centre_table.html>???

Two changes to your CSS were needed to achieve it:

table {margin-bottom: 2em; border: 2px solid #000; border-collapse:
collapse; width: 100%; }

and

#nav { font-size: 90%; position: absolute;}

Basically, the table is given a width of 100% and the #nav DIV is
positioned absolutely, rather than floated.

And for IE -- because it's stupid -- you'll also have to wrap the
'nav' DIV inside another DIV, like so:

<div>
<div id="nav">

[...]

</div>
</div>
--
Martin Jay

[Back to original message]