Frontpage Problems on Mozilla

[dmath]

According to the FAQ, Frontpage can be viewed on any browser. But my website
(www.restlessme.com) has some text overlapping problems when viewed on some
browsers such as Mozilla. Why is that and is there an easy solution to this?

 

[Ronx]

Dump the ShapeArt/WordArt/Text boxes. These do not display correctly in any
browser other than Internet Explorer running on Windows. Other browsers
render a poor quality .gif image or nothing at all.
Also, have you tried looking at your page in IE, and adjusting the font
size? Your use of absolutely positioned divs for page layout needs
revision.

Was this page originally produced in Publisher? It looks like the typical
Publisher product - everything absolutely positioned, invalid styles, with
no flexibility for different browsers or browser sizes.

The image of the temple wighs in at 360Kb - this is at least 10 times the
size it should be. Use an image editor to reduce the physical dimensions -
or at least use FrontPage auto-thumbnail feature to create a thumbnail at
the dimensions you are displaying at. The display quality will improve
significantly, and the page will load much faster.
--
Ron Symonds
Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

According to the FAQ, Frontpage can be viewed on any browser. But my website
(www.restlessme.com) has some text overlapping problems when viewed on some
browsers such as Mozilla. Why is that and is there an easy solution to

this?

 

[Rob Giordano \(Crash\)]

Hey Ron...what creates all those layers? I think I gave up at 35...is that
from Pub...or what?


| Dump the ShapeArt/WordArt/Text boxes. These do not display correctly in
any
| browser other than Internet Explorer running on Windows. Other browsers
| render a poor quality .gif image or nothing at all.
| Also, have you tried looking at your page in IE, and adjusting the font
| size? Your use of absolutely positioned divs for page layout needs
| revision.
|
| Was this page originally produced in Publisher? It looks like the typical
| Publisher product - everything absolutely positioned, invalid styles, with
| no flexibility for different browsers or browser sizes.
|
| The image of the temple wighs in at 360Kb - this is at least 10 times the
| size it should be. Use an image editor to reduce the physical
imensions -
| or at least use FrontPage auto-thumbnail feature to create a thumbnail at
| the dimensions you are displaying at. The display quality will improve
| significantly, and the page will load much faster.
| --
| Ron Symonds
| Microsoft MVP (FrontPage)
| Reply only to group - emails will be deleted unread.
|
| | > According to the FAQ, Frontpage can be viewed on any browser. But my
| website
| > (www.restlessme.com) has some text overlapping problems when viewed on
| some
| > browsers such as Mozilla. Why is that and is there an easy solution to
| this?
|
|

 

[Ronx]

This might be a clue:

<span id="PubSt19F0" style="publisherstylename: PubSt19;

But there is nothing wrong with having lots of <divs> in a page - I have a
page (not yet published) with 28 <divs>, but mine are not absolutely
positioned.. Properly done, <divs> may be better than tables for layout,
especially since they can scale down to PDA screens more easily.

 

[dmath]

Problem is I think I need the boxes to layout my pages, as I don't know html
(that's why I got frontpage). Is it possible to still design with frames and
have the page be flexible enough to appear fine on all browsers? Is there
something simple in the code I can look for and alter (I say simple as I know
squat about html).

 

[p c]

For page layout positioning, look into tables. Positioning with CSS can
yield diffrent results in different browsers.

google for "HTML positioning with tables" w/o quotes.

And you may want to learn some basic HTML coding. Although FP is a great
tool and time saver, FP's way of doing thing is not always the best way.
At mimnimum you should be able to change the code created FP when you
need to.


...PC

 

[dmath]

I've sort of figured out what you're saying about the <divs> (remember, with
me this is web design for dummies). But how do I make it not absolute. Take
something like this:

<div style="position: absolute; width: 163px; height: 118px; z-index: 5;
left: 263px; top: 100px; padding-left: 5px" id="layer8">

What would I replace "absolute" with?

Thanks for your help.

 

[Ronx]

I would not replace anything piecemeal. I would start again in FrontPage,
using a table based layout.
Draw you page on a sheet of paper, and draw a grid to separate the elements
and objects in the page. Each <div> as you now have becomes a table cell.
This will be a very complex table, but there are ways to simplify it
considerably, using HTML and CSS.

I have started you off at
www.rxs-enterprises.org/tests/pages/restless_news.htm, but converting a
publisher document to something that works in all browsers, and browser
sizes, is definitely not an easy task. It really is easier to start from
scratch. And you will need to know some HTML and CSS to replicate your
Publisher design.