Tables not Aligned From Top Border to Body

S

Stefan B Rusynko

"Stitching" images and shared borders or include pages is not impossible, but highly unpredictable (since browsers render tables
differently)
- especially when using a mix of cell backgrounds and images
All your table / cell / image alignments need to be set the same on all pages / includes
- even then you may get gaps

IMHO
create a 1600 W x15 H background image (white except for what you have now in verticalbar_30x15.jpg) and apply it as a page
background




| I am trying to get a vertical line down the side of a page while using top &
| bottom borders.
|
| They do not seem to line up. I am guessing the code has a slight glitch.
|
| sample pages:
| http://www.davidholmespc.com/skyco/bottomtest.html
|
| and the direct link to View Source of top border
| http://www.davidholmespc.com/skyco/_borders/top.htm
|
| Thanks
|
| David
 
M

Murray

Stefan:
(since browsers render tables
differently)

In what way are you thinking? Browsers can certainly render improperly or
poorly coded tables differently, but I have never seen a good table rendered
differently cross-browser/platform.

--
Murray

Stefan B Rusynko said:
"Stitching" images and shared borders or include pages is not impossible,
but highly unpredictable (since browsers render tables
differently)
- especially when using a mix of cell backgrounds and images
All your table / cell / image alignments need to be set the same on all pages / includes
- even then you may get gaps

IMHO
create a 1600 W x15 H background image (white except for what you have now
in verticalbar_30x15.jpg) and apply it as a page
 
S

Stefan B Rusynko

IE and NN have always handled tables differently in areas like
- w/ respect to whether they count the border as part of the table or not
- w/ respect to how NN computes sizes in px & %
- w/ respect to quirks vs std modes



| Stefan:
|
| > (since browsers render tables
| > differently)
|
| In what way are you thinking? Browsers can certainly render improperly or
| poorly coded tables differently, but I have never seen a good table rendered
| differently cross-browser/platform.
|
| --
| Murray
|
| | > "Stitching" images and shared borders or include pages is not impossible,
| but highly unpredictable (since browsers render tables
| > differently)
| > - especially when using a mix of cell backgrounds and images
| > All your table / cell / image alignments need to be set the same on all
| pages / includes
| > - even then you may get gaps
| >
| > IMHO
| > create a 1600 W x15 H background image (white except for what you have now
| in verticalbar_30x15.jpg) and apply it as a page
| > background
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > _____________________________________________
| >
| >
| | > | I am trying to get a vertical line down the side of a page while using
| top &
| > | bottom borders.
| > |
| > | They do not seem to line up. I am guessing the code has a slight glitch.
| > |
| > | sample pages:
| > | http://www.davidholmespc.com/skyco/bottomtest.html
| > |
| > | and the direct link to View Source of top border
| > | http://www.davidholmespc.com/skyco/_borders/top.htm
| > |
| > | Thanks
| > |
| > | David
| >
| >
|
|
 
M

Murray

- w/ respect to whether they count the border as part of the table or not

You mean <table border="2" - with regard to adding the 2px to the table
width?

IE6 and FF0.8 render this table exactly the same width whether bordered or
not -

<table width="220" border="0" cellpadding="0" cellspacing="0"
bgcolor="#FFFFCC">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p>
<table width="220" border="6" cellpadding="0" cellspacing="0"
bgcolor="#FFFFCC">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
- w/ respect to how NN computes sizes in px & %

Hmm - can you say more about this? I have always found that both browsers
are consistent in their interpretation of those metrics.
- w/ respect to quirks vs std modes

Can you give me an example of this, please?

I'm not challenging - I just have not found such discrepancies in my
travels, and want to know where I have missed it....

--
Murray

Stefan B Rusynko said:
IE and NN have always handled tables differently in areas like
- w/ respect to how NN computes sizes in px & %
- w/ respect to quirks vs std modes



| Stefan:
|
| > (since browsers render tables
| > differently)
|
| In what way are you thinking? Browsers can certainly render improperly or
| poorly coded tables differently, but I have never seen a good table rendered
| differently cross-browser/platform.
|
| --
| Murray
|
| | > "Stitching" images and shared borders or include pages is not impossible,
| but highly unpredictable (since browsers render tables
| > differently)
| > - especially when using a mix of cell backgrounds and images
| > All your table / cell / image alignments need to be set the same on all
| pages / includes
| > - even then you may get gaps
| >
| > IMHO
| > create a 1600 W x15 H background image (white except for what you have now
| in verticalbar_30x15.jpg) and apply it as a page
| > background
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > _____________________________________________
| >
| >
| | > | I am trying to get a vertical line down the side of a page while using
| top &
| > | bottom borders.
| > |
| > | They do not seem to line up. I am guessing the code has a slight glitch.
| > |
| > | sample pages:
| > | http://www.davidholmespc.com/skyco/bottomtest.html
| > |
| > | and the direct link to View Source of top border
| > | http://www.davidholmespc.com/skyco/_borders/top.htm
| > |
| > | Thanks
| > |
| > | David
| >
| >
|
|
 
S

Stefan B Rusynko

See in several browsers (preferably in a 800x600 browser window and desktop resolution)
http://sbrenjoy.bizland.com/demos/tables.htm

NN does a computation of screen size to determine px locations

For more Quirks mode
See
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp
and
http://www.mozilla.org/docs/web-developer/quirks/



| > - w/ respect to whether they count the border as part of the table or not
|
| You mean <table border="2" - with regard to adding the 2px to the table
| width?
|
| IE6 and FF0.8 render this table exactly the same width whether bordered or
| not -
|
| <table width="220" border="0" cellpadding="0" cellspacing="0"
| bgcolor="#FFFFCC">
| <tr>
| <td>&nbsp;</td>
| <td>&nbsp;</td>
| <td>&nbsp;</td>
| </tr>
| <tr>
| <td>&nbsp;</td>
| <td>&nbsp;</td>
| <td>&nbsp;</td>
| </tr>
| </table>
| <p>&nbsp;</p>
| <table width="220" border="6" cellpadding="0" cellspacing="0"
| bgcolor="#FFFFCC">
| <tr>
| <td>&nbsp;</td>
| <td>&nbsp;</td>
| <td>&nbsp;</td>
| </tr>
| <tr>
| <td>&nbsp;</td>
| <td>&nbsp;</td>
| <td>&nbsp;</td>
| </tr>
| </table>
|
|
| > - w/ respect to how NN computes sizes in px & %
|
| Hmm - can you say more about this? I have always found that both browsers
| are consistent in their interpretation of those metrics.
|
| > - w/ respect to quirks vs std modes
|
| Can you give me an example of this, please?
|
| I'm not challenging - I just have not found such discrepancies in my
| travels, and want to know where I have missed it....
|
| --
| Murray
|
| | > IE and NN have always handled tables differently in areas like
| > - w/ respect to how NN computes sizes in px & %
| > - w/ respect to quirks vs std modes
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > _____________________________________________
| >
| >
| | > | Stefan:
| > |
| > | > (since browsers render tables
| > | > differently)
| > |
| > | In what way are you thinking? Browsers can certainly render improperly
| or
| > | poorly coded tables differently, but I have never seen a good table
| rendered
| > | differently cross-browser/platform.
| > |
| > | --
| > | Murray
| > |
| > | | > | > "Stitching" images and shared borders or include pages is not
| impossible,
| > | but highly unpredictable (since browsers render tables
| > | > differently)
| > | > - especially when using a mix of cell backgrounds and images
| > | > All your table / cell / image alignments need to be set the same on
| all
| > | pages / includes
| > | > - even then you may get gaps
| > | >
| > | > IMHO
| > | > create a 1600 W x15 H background image (white except for what you have
| now
| > | in verticalbar_30x15.jpg) and apply it as a page
| > | > background
| > | >
| > | > --
| > | >
| > | > _____________________________________________
| > | > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > | > "Warning - Using the F1 Key will not break anything!" (-;
| > | > To find the best Newsgroup for FrontPage support see:
| > | > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > | > _____________________________________________
| > | >
| > | >
| > | | > | > | I am trying to get a vertical line down the side of a page while
| using
| > | top &
| > | > | bottom borders.
| > | > |
| > | > | They do not seem to line up. I am guessing the code has a slight
| glitch.
| > | > |
| > | > | sample pages:
| > | > | http://www.davidholmespc.com/skyco/bottomtest.html
| > | > |
| > | > | and the direct link to View Source of top border
| > | > | http://www.davidholmespc.com/skyco/_borders/top.htm
| > | > |
| > | > | Thanks
| > | > |
| > | > | David
| > | >
| > | >
| > |
| > |
| >
| >
|
|
 
M

Murray

Stefan:

Of course, desktop resolution has nothing to do with this, other than to
limit the maximum width of the browser's viewport.
See in several browsers (preferably in a 800x600 browser window and desktop resolution)
http://sbrenjoy.bizland.com/demos/tables.htm

Comparing IE6, FF0.8 and Mozilla (WXPPro), and placing the right margin on
any given screen width, I could find no variation among these three browsers
in the width or placement of the tables. Should I have seen such?
NN does a computation of screen size to determine px locations

As far as I know, this is only NN4x. Is that, perhaps, what you mean here?
I am able to see a difference between all browsers except NN4x on the one
hand, and NN4x on the other, with regard to this tables page. Most of the
difference I see can be ascribed to NN4x's goofy management of borders,
though.

I know about quirks mode, and make sure that I have a valid doctype on all
my pages to avoid these differences....

Thanks for the detailed resources here!

--
Murray

Stefan B Rusynko said:
See in several browsers (preferably in a 800x600 browser window and desktop resolution)
http://sbrenjoy.bizland.com/demos/tables.htm

NN does a computation of screen size to determine px locations

For more Quirks mode
See
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp
and
http://www.mozilla.org/docs/web-developer/quirks/



| > - w/ respect to whether they count the border as part of the table or not
|
| You mean <table border="2" - with regard to adding the 2px to the table
| width?
|
| IE6 and FF0.8 render this table exactly the same width whether bordered or
| not -
|
| <table width="220" border="0" cellpadding="0" cellspacing="0"
| bgcolor="#FFFFCC">
| <tr>
| <td>&nbsp;</td>
| <td>&nbsp;</td>
| <td>&nbsp;</td>
| </tr>
| <tr>
| <td>&nbsp;</td>
| <td>&nbsp;</td>
| <td>&nbsp;</td>
| </tr>
| </table>
| <p>&nbsp;</p>
| <table width="220" border="6" cellpadding="0" cellspacing="0"
| bgcolor="#FFFFCC">
| <tr>
| <td>&nbsp;</td>
| <td>&nbsp;</td>
| <td>&nbsp;</td>
| </tr>
| <tr>
| <td>&nbsp;</td>
| <td>&nbsp;</td>
| <td>&nbsp;</td>
| </tr>
| </table>
|
|
| > - w/ respect to how NN computes sizes in px & %
|
| Hmm - can you say more about this? I have always found that both browsers
| are consistent in their interpretation of those metrics.
|
| > - w/ respect to quirks vs std modes
|
| Can you give me an example of this, please?
|
| I'm not challenging - I just have not found such discrepancies in my
| travels, and want to know where I have missed it....
|
| --
| Murray
|
| | > IE and NN have always handled tables differently in areas like
| > - w/ respect to how NN computes sizes in px & %
| > - w/ respect to quirks vs std modes
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > _____________________________________________
| >
| >
| | > | Stefan:
| > |
| > | > (since browsers render tables
| > | > differently)
| > |
| > | In what way are you thinking? Browsers can certainly render improperly
| or
| > | poorly coded tables differently, but I have never seen a good table
| rendered
| > | differently cross-browser/platform.
| > |
| > | --
| > | Murray
| > |
| > | | > | > "Stitching" images and shared borders or include pages is not
| impossible,
| > | but highly unpredictable (since browsers render tables
| > | > differently)
| > | > - especially when using a mix of cell backgrounds and images
| > | > All your table / cell / image alignments need to be set the same on
| all
| > | pages / includes
| > | > - even then you may get gaps
| > | >
| > | > IMHO
| > | > create a 1600 W x15 H background image (white except for what you have
| now
| > | in verticalbar_30x15.jpg) and apply it as a page
| > | > background
| > | >
| > | > --
| > | >
| > | > _____________________________________________
| > | > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > | > "Warning - Using the F1 Key will not break anything!" (-;
| > | > To find the best Newsgroup for FrontPage support see:
| > | > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > | > _____________________________________________
| > | >
| > | >
| > | | > | > | I am trying to get a vertical line down the side of a page while
| using
| > | top &
| > | > | bottom borders.
| > | > |
| > | > | They do not seem to line up. I am guessing the code has a slight
| glitch.
| > | > |
| > | > | sample pages:
| > | > | http://www.davidholmespc.com/skyco/bottomtest.html
| > | > |
| > | > | and the direct link to View Source of top border
| > | > | http://www.davidholmespc.com/skyco/_borders/top.htm
| > | > |
| > | > | Thanks
| > | > |
| > | > | David
| > | >
| > | >
| > |
| > |
| >
| >
|
|
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top