Table with links bar alignment

  • Thread starter Thread starter Karsten Wright
  • Start date Start date
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.
 
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
 
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
 
Back
Top