Hi there
This is a big problem I have in FW. Some of my content looks differently in Safari and Firefox.
Please see the images I took to show you what I mean:
FW Page View
Safari Preview
Firefox View
Can I make it look the same in FW page view mode, Safari and Firefox?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
On the FW Page View the text on the right looks the same in Firefox, but no Safari.
The HTML box with the red header on the left side in FW page view looks the same in Safari, but no Firefox.
Well, this is totally confusing me. Should I start my page all over again?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
ok’ I reviewed some other sites an compared the difference on Firefox and Safari and there is difference in the text, so I assume this is normal. But how do I go with the red HTML box header I have on the right? I mean that it looks ok in FW Page Review and Safari Preview, but it moves in Firefox. Should I try using graphic box instead?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Update:
Ok’ it seems I found the problem. I have a CSS menus on top, on the left side in red, http://i1139.photobucket.com/albums/n541/kanokitana/pageview1.jpg
So, If I put a graphic box, Html box with an image etc., below the CSS menus, it is looking different in firefox and safari.
If I remove the CSS menus, and insert HTML box with an image, it looks ok in both Safari and Firefox.
How I can fix this? I don’'t want to remove my CSS menus, because of that.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I am sorry for this long thread, but I’ve been working hard to figure out that FW, CSS menus are real problem for different browsers.
My conclusion is that: html text may be displayed differently on various browsers. Having included text in a CSS menus, this will impact on the size of the CSS menus, thus, CSS menus sizes will look differently on various browsers.
This is the first problem I encountered with horizontal FW CSS menus, now I have the same problem with the vertical FW CSS menus.
I think there is no solution for this problem? That is why I hate this CSS menus. Now, I am stuck with my design and I look forward to receive any suggestions from you to finally resolve this problem.
cheers
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Please see the difference of the same CSS menus, left side Firefox, right side Safari.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I think you need to reset your expectations. There is no way to
absolutely guarantee that one page will look the same in all browsers.
You can’t even reasonably expect any two browsers to have the same
fonts installed, or the same cuts of the same fonts, let alone have
similar or identical layout engines. This is the reality of the Web.
It’s your page, but it’s the visitor’s browser that actually renders
the page. Freeway does the very best job that it can do of smoothing
out the bumps and differences in layout engines, but it’s not magic –
just magical. And unlike print design, you are expected to do all the
work of planning for these degradations.
I recommend that you start by adding a little space in your header
HTML box so that the CSS menu has a chance to breathe. Center the menu
within a larger space that has the same background color as the menu,
and it won’t ever look out of place, even if the browser has a
different default stylesheet than you’re expecting. You still won’t be
catching the problem of visually-disabled visitors bumping up the font
size – your page will still break apart and look like a** there.
The next step is to start creating fully inline layouts, where these
sorts of differences are dealt with gracefully, by designing the page
to degrade without becoming unusable. This takes testing and practice
to get right, but in the end, your designs will be better – more
robust, more flexible, and more usable.
Walter
On Jul 25, 2011, at 9:27 AM, Michael Coldereo wrote:
Please see the difference of the same CSS menus, left side Firefox,
right side Safari.http://i1139.photobucket.com/albums/n541/kanokitana/difference2.jpg
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thank you waltd
It looks like, that I have the same problem with tables. If I insert graphic box in a table with an image, the images look in different position in Firefox and Safari. Please see this link:
On the right Firefox, on the left Safari.
That means that, people viewing my page in Safari, the images will look out of alignment. But with Firefox the images look aligned in the centre of the table cells. Well, I can not think of a method to fix this.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Sorry, On the left Firefox, on the right Safari,
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
There is no solution for this to work, no way,
It is not possible to centrally align a graphic box image into the FW table cells. You can align text only.
So based on the above, what should I do, tell visitors to my site that Safari and IE, wont display the tables very well.
And only Firefox works ok? Well, this is not the option for me. I am quite disappointed with my work and hours spent trying to figure out what may be the problem. Ok, just compared other websites that display tables with images in the cells pretty well on both Safari and Firefox, so its not impossible anyway, but its impossible with FW I guess.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Images are always contained within a P tag, so in practice they are just like any other text. You can center them horizontally and vertically within a table cell. Double-click into the table cell, Insert / Graphic Item, style it to size and content you desire, then click once on the table cell. In the First tab, click on horizontal center, in the third tab, click on vertical center. Put some borders on the table so you can see what you’re looking at, and preview in a browser (any browser). The image will be centered in both axes.
Walter
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Many many thanks waltd!
I was thinking I am in a big problem with the tables as well as the CSS menus, but now you gave me some hope to continue with my first website.
Still wondering what I can do for the size difference of the css menus, but I guess I’ll have to play around and mask it, to look nice. Thanks to your help the FW tables are no longer a problem for me.
Thank YOU!!!
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
