Page width in browser doesn't match design in FrontPage

[Guest]

I have pages designed in FrontPage 2003 that are exactly the way I want them
in design view. When previewing in the preview pane or in a browser, the
pages are way too wide and run off the viewing window. How can I make the
pages stay the width they are designed in?

 

[Rick Budde]

Put your pages inside Tables.

 

[Guest]

There should not be a reason to do that. All my general pages publish and
appear exactly as they appear in the design view. Apparently, there is some
setting I've missed somewhere on these new pages that control the page width.
I just can't seem to find out what it is. In this case there are far too
many pages to go back and set each page in a table.

 

[Ronx]

There is no setting to determine the page width.
The width of a page is determined by two factors:
1) The width of the browser window.
2) The widest part of the page.

The width will always be the wider of 1) and 2)

The widest part could be a table, graphic, div or layer, <pre>formatted
text</pre>, text pushed to the right by blockquotes, a very long section of
non-wrappable text or images, or a combination of these and other objects.

A better answer will require a URL to an errant page.

 

[Guest]

OK, Ron here is the URL of one of the pages
http://www.dynascan.com/weballure/pei-asset-tracking-solutions-604885-std-03.htm

I would still like to know why it appears perfect in the design view and
errant in a browser. Isn't the purpose of a design view so you can design
the page the way you'd like it to appear? Why would it display differently
in design than it displays once published to the web. That doesn't make a
great deal of sense.

SteveB

 

[E. T. Culling]

Have you viewed these pages in several other browsers? There may be no
consistency from one to another. "Best practices' would be to build all the
pages within a table no matter how many pages there are. (Start with a table
750 pixels wide.) I hope you didn't use absolute positioning ... it can
really mess things up. Going back and cutting and pasting into a proper
table would not be too bad ... but I'm sure you would have to make other
adjustments as well. (---propbaly the material will need to go into a nested
table within the one big table.) I just did a Google search for "Using
tables with FrontPage" and found all sorts of useful information, especially
this one:
http://www.uncw.edu/cte/how2/tables/
Show us the problem page.
Eleanor

 

[Ronx]

There are several problem areas in that page, but the one causing the width
problem is a missing image:
<img border="0" src="pei-images/logo.jpg" alt="a very long line of text">

The alt text attribute does not wrap in a browser, and FrontPage design view
does not display alt text. Removing the alt text removes the problem.

Other problems include: (this is not a full list - just items that stuck
out)

Using space bar for layout design - never a good idea since you do not know
what size fonts a viewer may be using - larger fonts will change the layout.


In Top shared border:
<a target="http://dynascan.proboards3.com/"
href="http://dynascan.proboards3.com/">

should (probably) be:
<a target="_blank" href="http://dynascan.proboards3.com/">


Using a construct like
<span style="text-decoration:none"><a href="...">..</a></span>
will not remove underlines from links. This is better:
<a href="..." style=text-decoration:none"">...</a>