Left Shared border and table in body part --> table shiftet to left at resize...

José Joye · Jun 17, 2004

Hello,

I have the following problem:

I want to design a page with a left sharded border (say a table with a width
of 200px).
In the page I want to have a table with a width of 540px as a container.

Having such a design, my table will move to left if we resize the window to
a width smaller than the size of my container table.
see there for: http://www.banctec.ch/borderproblem/

Any help welcome!
José

here is my code:

My page:
=======
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="Microsoft Border" content="l">
</head>

<body>
<table border="1" width="540">
<tr>
<td> </td>
</tr>
<tr>
<td>Test</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>

My sharded border:
=============
<html><head><meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<title>Shared Left Border</title><meta name="Microsoft Theme"
content="none">
<meta name="Microsoft Border" content="none">
</head><body>
<table border="0" width="200" bordercolor="#808080" cellspacing="0"
cellpadding="0" bgcolor="#808080">
<tr>
<td>This is the LEFT border<p> </td>
</tr>
</table>
</body></html>

Ronx · Jun 17, 2004

If you are referring to the container table moving toward the shared border
as the browser width shrinks, this is something you will have to live with.
The gap is an empty table cell set at 25px width, which is part of the
layout associated with shared borders. Since the cell is empty, there is
nothing to keep it expanded.

An alternative is to use include files instead of shared borders, so in
your example, the layout becomes:
<table width="760" borders="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200">place include file here</td>
<td width="20"> </td>
<td width="540">place container table here</td>
</tr>
</table>

I have reduced the gap to 20px, so that the page will render on all
browsers at 800x600 with no bottom scroll bar.

Stefan B Rusynko · Jun 17, 2004

José Joye · Jun 17, 2004

Thanks to both of you!

I will try to look at the Dynamic Web Template first and then rollback to
the include page if necessary.

José

Stefan B Rusynko said:
Shared borders include a 24 px empty spacer cell (not removable) between

the left/right shared border content and the main content

Since you are at just at the limit (200+540+24=764) for a 800px screen (usually 760px)
- the 24 px empty cell collapses in IE, but expands to 24 px when you open to a large screen size

Use Include Pages instead of shared borders and build you own tables page layout,
- or better still, since you are using FP 2003, use a Dynamic Web Template

for your page layout w/ your own table layout

two tables in the same row	6	Apr 8, 2009
Adsense breaks Frontpage	6	Nov 18, 2007
Frontpage template ??	1	Mar 3, 2007
pages don't work in Firefox?	2	Jan 12, 2010
Sript error when previewing page.	4	Nov 1, 2007
Adding a date to a form confirmation page	3	Jul 29, 2009
.DWT is driving me Bonkers !! <BODY> parms won't propogate to new	3	Oct 24, 2006
Problem with alignment of included content	7	Mar 28, 2007

Left Shared border and table in body part --> table shiftet to left at resize...

José Joye

Ronx

Stefan B Rusynko

José Joye

Ask a Question

Similar Threads