You should be using a layout as provided below
- manage the nav buttons in cells in a nested table
(use 760 for a 800 px screen layout)
- don't set table heights
- don't use spaces in editable region names
<div align="center">
<div align="center">
<table cellpadding="0" cellspacing="0" width="760">
<tr>
<td valign="top"><img border="0" src="../NK_logo3.gif" width="385" height="160"></td>
</tr>
<tr>
<td valign="top">
<div align="left">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>button</td>
<td>button</td>
<td>button</td>
<td>button</td>
<td>button</td>
<td>button</td>
<td>button</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
<div align="center">
<table cellpadding="0" cellspacing="0" width="760">
<tr>
<td valign="top" width="267">
<!-- #BeginEditable "left_panel" --> <!-- #EndEditable --></td>
<td valign="top" width="503">
<!-- #BeginEditable "core" -->zxzx<!-- #EndEditable --></td>
</tr>
<tr>
<td valign="top" colspan="2"></td>
</tr>
</table>
</div>
</div>
--
_____________________________________________
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.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________
| Below is code for the dwt that illustrates the problem.
| - Stick some gifs in the top cell. I used a logo of 385w x 160h pixels and a
| row of 7 FP inteactive buttons 100px wide each.
| -Next, Make a page using the dwt. Text in the right cell looks OK in
| preview.
| - Now put a gif in the left cell that is slightly narrower than the width of
| the cell so it doesn't force the cell wider. Watch what happens to the size
| of the right cell in design view and preview. The behavior is even more
| queer as you resize the left gif. Many hours have been burned on this as
| have I.
|
| Code follows:
| <html>
|
| <head>
| <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
| <!-- #BeginEditable "doctitle" -->
| <title>test dwt</title>
| <!-- #EndEditable -->
| <script language="JavaScript">
| <!--
| function FP_preloadImgs() {//v1.0
| var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
| for(var i=0; i<a.length; i++) { d.FP_imgs
=new Image;
| d.FP_imgs.src=a; }
| }
|
| function FP_swapImg() {//v1.0
| var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2;
| n<args.length;
| n+=2) { elm=FP_getObjectByID(args[n]); if(elm) {
| doc.$imgSwaps[doc.$imgSwaps.length]=elm;
| elm.$src=elm.src; elm.src=args[n+1]; } }
| }
|
| function FP_getObjectByID(id,o) {//v1.0
| var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
| el=o.getElementById(id);
| else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
| if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
| for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
| f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
| for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
| el; } }
| return null;
| }
| // -->
| </script>
| </head>
|
| <body
|
onload="FP_preloadImgs(/*url*/'../images/button2A.jpg',/*url*/'../images/button29.jpg',/*url*/'../images/button3F.jpg',/*url*/'../images/button3E.jpg',/*url*/'../images/button44.jpg',/*url*/'../images/button43.jpg',/*url*/'../images/button14.jpg',/*url*/'../images/button17.jpg',/*url*/'../images/button34.jpg',/*url*/'../images/button33.jpg',/*url*/'../images/button37.jpg',/*url*/'../images/button36.jpg',/*url*/'../images/button147.jpg',/*url*/'../images/button146.jpg',/*url*/'../images/button14A.jpg',/*url*/'../images/button149.jpg',/*url*/'../images/button14D.jpg',/*url*/'../images/button14C.jpg',/*url*/'../images/button150.jpg',/*url*/'../images/button14F.jpg',/*url*/'../images/button153.jpg',/*url*/'../images/button152.jpg',/*url*/'../images/button156.jpg',/*url*/'../images/button155.jpg',/*url*/'../images/button159.jpg',/*url*/'../images/button158.jpg')">
|
| <div align="center">
| <table cellpadding="0" cellspacing="0" width="800" height="562">
| <!-- MSTableType="layout" -->
| <tr>
| <td valign="top" colspan="2" height="176">
| <p><img border="0" src="../NK_logo3.gif" width="385" height="160"><p><a
| href="../index.htm">
| <img border="0" id="img8" src="../images/button145.jpg" height="25"
| width="90" alt="Home"
| onmouseover="FP_swapImg(1,0,/*id*/'img8',/*url*/'../images/button146.jpg')"
| onmouseout="FP_swapImg(0,0,/*id*/'img8',/*url*/'../images/button145.jpg')"
| onmousedown="FP_swapImg(1,0,/*id*/'img8',/*url*/'../images/button147.jpg')"
| onmouseup="FP_swapImg(0,0,/*id*/'img8',/*url*/'../images/button146.jpg')"
| fp-style="fp-btn: Braided Row 4; fp-proportional: 0; fp-orig: 0"
| fp-title="Home"></a><a href="../share.htm"><img border="0" id="img9"
| src="../images/button148.jpg" height="25" width="100" alt="Share"
| onmouseover="FP_swapImg(1,0,/*id*/'img9',/*url*/'../images/button149.jpg')"
| onmouseout="FP_swapImg(0,0,/*id*/'img9',/*url*/'../images/button148.jpg')"
| onmousedown="FP_swapImg(1,0,/*id*/'img9',/*url*/'../images/button14A.jpg')"
| onmouseup="FP_swapImg(0,0,/*id*/'img9',/*url*/'../images/button149.jpg')"
| fp-style="fp-btn: Braided Row 4; fp-proportional: 0; fp-orig: 0"
| fp-title="Share"></a><a href="../suggest.htm"><img border="0" id="img10"
| src="../images/button14B.jpg" height="25" width="100" alt="Suggest"
| onmouseover="FP_swapImg(1,0,/*id*/'img10',/*url*/'../images/button14C.jpg')"
| onmouseout="FP_swapImg(0,0,/*id*/'img10',/*url*/'../images/button14B.jpg')"
| onmousedown="FP_swapImg(1,0,/*id*/'img10',/*url*/'../images/button14D.jpg')"
| onmouseup="FP_swapImg(0,0,/*id*/'img10',/*url*/'../images/button14C.jpg')"
| fp-style="fp-btn: Braided Row 4; fp-proportional: 0; fp-orig: 0"
| fp-title="Suggest"></a><a href="../register.htm"><img border="0" id="img11"
| src="../images/button14E.jpg" height="25" width="100" alt="Register"
| onmouseover="FP_swapImg(1,0,/*id*/'img11',/*url*/'../images/button14F.jpg')"
| onmouseout="FP_swapImg(0,0,/*id*/'img11',/*url*/'../images/button14E.jpg')"
| onmousedown="FP_swapImg(1,0,/*id*/'img11',/*url*/'../images/button150.jpg')"
| onmouseup="FP_swapImg(0,0,/*id*/'img11',/*url*/'../images/button14F.jpg')"
| fp-style="fp-btn: Braided Row 4; fp-proportional: 0; fp-orig: 0"
| fp-title="Register"></a><a href="../archives.htm"><img border="0" id="img12"
| src="../images/button151.jpg" height="25" width="100" alt="Archives"
| onmouseover="FP_swapImg(1,0,/*id*/'img12',/*url*/'../images/button152.jpg')"
| onmouseout="FP_swapImg(0,0,/*id*/'img12',/*url*/'../images/button151.jpg')"
| onmousedown="FP_swapImg(1,0,/*id*/'img12',/*url*/'../images/button153.jpg')"
| onmouseup="FP_swapImg(0,0,/*id*/'img12',/*url*/'../images/button152.jpg')"
| fp-style="fp-btn: Braided Row 4; fp-proportional: 0; fp-orig: 0"
| fp-title="Archives"></a><a href="../contactus.htm"><img border="0" id="img13"
| src="../images/button154.jpg" height="25" width="100" alt="Contact"
| onmouseover="FP_swapImg(1,0,/*id*/'img13',/*url*/'../images/button155.jpg')"
| onmouseout="FP_swapImg(0,0,/*id*/'img13',/*url*/'../images/button154.jpg')"
| onmousedown="FP_swapImg(1,0,/*id*/'img13',/*url*/'../images/button156.jpg')"
| onmouseup="FP_swapImg(0,0,/*id*/'img13',/*url*/'../images/button155.jpg')"
| fp-style="fp-btn: Braided Row 4; fp-proportional: 0; fp-orig: 0"
| fp-title="Contact"></a><a href="../send_friend.htm"><img border="0"
| id="img14" src="../images/button157.jpg" height="25" width="120" alt="Send to
| a friend"
| onmouseover="FP_swapImg(1,0,/*id*/'img14',/*url*/'../images/button158.jpg')"
| onmouseout="FP_swapImg(0,0,/*id*/'img14',/*url*/'../images/button157.jpg')"
| onmousedown="FP_swapImg(1,0,/*id*/'img14',/*url*/'../images/button159.jpg')"
| onmouseup="FP_swapImg(0,0,/*id*/'img14',/*url*/'../images/button158.jpg')"
| fp-style="fp-btn: Braided Row 4; fp-proportional: 0; fp-orig: 0"
| fp-title="Send to a friend"></a></td>
| </tr>
| <tr>
| <td valign="top" width="267">
| <!-- MSCellType="empty" -->
| <!-- #BeginEditable "left%20panel" --> <!-- #EndEditable --></td>
| <td valign="top" height="309" width="533"><!-- #BeginEditable "core" -->
| zxzx<!-- #EndEditable --></td>
| </tr>
| <tr>
| <td valign="top" colspan="2" height="77">
| </td>
| </tr>
| </table>
| </div>
|
| </body>
|
| </html>
|
|
|
| --
| - Steve
|
|
| "Murray" wrote:
|
| > Well, that certainly tells you that your original target was not correct.
| > To further diagnose things, I'd have to see the page's code. Can you paste
| > it into a reply?
| >
| > --
| > Murray
| > --------------
| > MVP FrontPage
| >
| >
| > | > > The border shows nothing visible pushing the right cell. When I make the
| > > table background one color and the cells another I can see that it is not
| > > the
| > > left cell getting wider when the picture is added, but the right cell
| > > getting
| > > narrower, leaving a space between the cells that is the table background.
| > >
| > > Anything else I should try? I would send a link, but we are not on the
| > > web
| > > yet.
| > > --
| > > - Steve
| > >
| > >
| > > "Murray" wrote:
| > >
| > >> Give that table a border of "1", and you will be able to see for certain
| > >> where the culprit is.
| > >>
| > >> --
| > >> Murray
| > >> --------------
| > >> MVP FrontPage
| > >>
| > >>
| > >> | > >> > In a .dwt I have a four cell layout table --a header cell, a footer
| > >> > cell
| > >> > and
| > >> > two cells across in the middle row. In a page using the .dwt I put a
| > >> > GIF
| > >> > in
| > >> > the left cell of the middle row. It is smaller than the cell and the
| > >> > design
| > >> > view shows it properly. In preview and browser view, however, it looks
| > >> > like
| > >> > there are about a hundred pixels between the left and right cells. The
| > >> > left
| > >> > cell is the correct size, but for some reason the right cell is
| > >> > narrower.
| > >> > Cell spacing=0, cell padding=0.
| > >> >
| > >> > If I make the GIF more than about half the width of the left cell, it
| > >> > squeezes the right cell to the right. Any idea how to fix this?
| > >> >
| > >> > Similar problem in another page using the same layout: I have included
| > >> > content in the left cell of the middle row -- a page that includes only
| > >> > a
| > >> > link bar. The bar is much narrower than the cell, but its presence
| > >> > causes
| > >> > the right cell in the row to be squeezed right by about 15 pixels as
| > >> > described in the above problem. The left cell size does not change. (I
| > >> > set
| > >> > colors for the table bg and the cells so that I could tell.) Help
| > >> > please!
| > >> >
| > >> > Thanks.
| > >> > --
| > >> > - Steve
| > >>
| > >>
| > >>
| >
| >
| >
| --
| - Steve
|
|
| "Murray" wrote:
|
| > Well, that certainly tells you that your original target was not correct.
| > To further diagnose things, I'd have to see the page's code. Can you paste
| > it into a reply?
| >
| > --
| > Murray
| > --------------
| > MVP FrontPage
| >
| >
| > | > > The border shows nothing visible pushing the right cell. When I make the
| > > table background one color and the cells another I can see that it is not
| > > the
| > > left cell getting wider when the picture is added, but the right cell
| > > getting
| > > narrower, leaving a space between the cells that is the table background.
| > >
| > > Anything else I should try? I would send a link, but we are not on the
| > > web
| > > yet.
| > > --
| > > - Steve
| > >
| > >
| > > "Murray" wrote:
| > >
| > >> Give that table a border of "1", and you will be able to see for certain
| > >> where the culprit is.
| > >>
| > >> --
| > >> Murray
| > >> --------------
| > >> MVP FrontPage
| > >>
| > >>
| > >> | > >> > In a .dwt I have a four cell layout table --a header cell, a footer
| > >> > cell
| > >> > and
| > >> > two cells across in the middle row. In a page using the .dwt I put a
| > >> > GIF
| > >> > in
| > >> > the left cell of the middle row. It is smaller than the cell and the
| > >> > design
| > >> > view shows it properly. In preview and browser view, however, it looks
| > >> > like
| > >> > there are about a hundred pixels between the left and right cells. The
| > >> > left
| > >> > cell is the correct size, but for some reason the right cell is
| > >> > narrower.
| > >> > Cell spacing=0, cell padding=0.
| > >> >
| > >> > If I make the GIF more than about half the width of the left cell, it
| > >> > squeezes the right cell to the right. Any idea how to fix this?
| > >> >
| > >> > Similar problem in another page using the same layout: I have included
| > >> > content in the left cell of the middle row -- a page that includes only
| > >> > a
| > >> > link bar. The bar is much narrower than the cell, but its presence
| > >> > causes
| > >> > the right cell in the row to be squeezed right by about 15 pixels as
| > >> > described in the above problem. The left cell size does not change. (I
| > >> > set
| > >> > colors for the table bg and the cells so that I could tell.) Help
| > >> > please!
| > >> >
| > >> > Thanks.
| > >> > --
| > >> > - Steve
| > >>
| > >>
| > >>
| >
| >
| >