Table with links bar alignment

[Karsten Wright]

I have inserted a nested table with links bar however I cannot get the table
to align to the entire width. The alignment look s fine in Firefox but not
in IE.

www.chinesebrushpainting.es/brushpainting.html

Thanks in advance for any help.
Karsten

 

[Steve Easton]

With the exception of the border color and style, they look identical width wise in IE & and FF for me.


--

Steve Easton
Microsoft MVP FrontPage
FP Cleaner
http://www.95isalive.com/fixes/fpclean.htm
Hit Me FP
http://www.95isalive.com/fixes/HitMeFP.htm

 

[Ronx]

In a sense, IE has the layout correct, and FireFox has it wrong.

The outer table is specified as 760px wide, the 100% table with the
navigation in IE is about 760px wide - in FireFox it is closer to 840px.

The main table has been dimensioned incorrectly - no account has been
taken for borders, cellspacing which are in addition to the width of the
cells. So the main table is wider than it should be.

Example - the outermost table has 5px borders, 5px cellspacing, and a
cell 760px wide. This is a total width of
760+5+5+5+5 = 780px

The table nested inside this has 4 cells, each 200px wide, plus 3px
borders, plus 3px cellspacing - this adds up to
836px - all inside a cell 760px wide.

It would probably be better to remove the dimensions altogether, and
allow the tables to form their own layouts. This will be consistent
across browsers, and if the outermost table is centred - it will be
centred across all browsers.

Also note that bordercolor is IE only, and the text has no colour set -
the text appears orange in my copy of FireFox.

 

[Karsten Wright]

Thanks for the detailed explanation - much appreciated.
Karsten

 

[Karsten Wright]

I have followed your suggestion and removed all the dimensions, however, the
problem still persist when viewed in IE. Firefox OK.
Any other suggestions.
Thanks,
Karsten

 

[Ronx]

Not all the table width dimensions have been removed - in fact the ones
causing the problem are still in place.

Change these lines (they start around line 23 in code or HTML view):

<td width="760" height="640" valign="top" bordercolor="#008000">
<table border="3" width="760" id="table1" height="443" cellpadding="3"
bordercolor="#000000">

To

<td valign="top" bordercolor="#008000">
<table border="3" id="table1" cellpadding="3" bordercolor="#000000">

--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp

 

[Karsten Wright]

Thanks Ronx, that did the trick.
Compliments of the season.
Karsten