(Pro) Site not displaying correctly on Firefox or Safari

Hi Gang,

When I view the site www.xssmgmt.com on my iMac using Safari, all of the pages are displayed correctly. When viewing the site on my iMac using Firefox, there are a few pages that do not display correctly. When a friend views the site on her macbook using either Safari or Firefox, some pages are not displayed correctly.

Any help is greatly appreciated.

Thanks,

Tom

www.xssmgmt.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

here are a few pages that do not display correctly. When a friend views the site on her macbook using either Safari or Firefox, some pages are not displayed correctly.

You are going to have to be a but more specific about this - you know what it is supposed to look like - we do not!

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David,

Ooops, sorry. On Firefox, the “Services” page, for example, is displaying the last two lines of text/graphics one on top of the other. On the same main, the graphic 1/2 down the page is displayed over part of the wording leading up to the image.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This is down to how you have constructed your page and the differences in text rendering sizes in different Browsers.

You can simulate how Browsers render text at different sizes in Safari.

Look at your Services page with Safari.

In Safari’s View Menu - enable ‘Zoom Text Only’

Now use Cmd + to increase the text size (a couple of stops should do it)

Note how your text size has increased and now overlaps graphics.

The real way to avoid this is to insert your graphics inline so that when text size grows the graphics move with it.

You could also try using the RPL action.

Or allow for ‘wriggle’ room.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks David.

Since this is all new to me, what do you mean when you say, “The real way to avoid this is to insert your graphics inline so that when text size grows the graphics move with it.”?

Also, I tried to use the RPL action. It moved the graphic on the services page to the bottom of the page. I would like it to appear in its original location.

Thanks so much for your help!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

What David meant is a totally different approach how you place graphics/items on the page.

There are basically two known ways:

  1. Absolute positioned

In Freeway terms it’ll mean, that you insert your items by “drop” them on the canvas. You can drag them on each place you want - or at least the way nearly everybody started to make webpages within Freeway.

  1. Relative Positioned

Just for testing purposes (on blank new page):

Double click into your canvas so you see a flushing cursor. Choose Insert → HTML item. Name this first buddy wrapper and resize it to be the same as page-width. Give a specific height for the moment.

Double click again in this wrapper. Do the same as above and name this new item child1.

Congrats → you set two relative positioned items.

But rats - you know what? You can’t drag this around how you like and you lost the ability of “overlapping”? Well - yeahh and no. But that’s the magic of inline-construction that requires a good portion of practicing (or training).

The Relative Page Layout

Is dedicated to the point 1 and turns (by math algorithms behind the scenes) an absolute positioned layout into a relative one.

The only caveat on this:

NO OVERLAPPING of your items cause this is confusing the machine. If you follow this simple rule, your page should look fine.

The second point is something that you probably keep in view for future.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options