Re: TEXT BOX CHANGES COLOUR IN DIFFERENT BROWSERS


Wow!! thanks David - just briefly reading through your reply I understand
most of what you are saying - I think? One thing for sure you've certainly
allowing me to move forward and given me more options to try - many thanks
again...

Stuart.

"DavidF" wrote:

I can see the problem viewing your site with FireFox too, and I haven't seen
this before. In this particular case I would suggest that you produce new
web files, delete the old index.htm file and index_files folder from the
server, and upload the new. This issue may just be an aberration.

However, I would suggest that there are other changes you need to make on
this page and others on your site, and would suggest testing each page in
both IE and Firefox. If you can adjust the formatting and design such that
the pages look good in both those two browsers, they will also look good in
Chrome, Safari and Opera.

Note that if you look at the page in FF the text on the 'wood' has been
converted to an image. Try to left click and select some of the text and you
will see it has been converted. This can be caused by 'grouping' the text
box to any other design elements, and thus fixed by ungrouping. Also,
Publisher tends to choke on gradient fills, so either remove the fill
entirely, change to a simple gray fill, or if you want to keep the look you
currently have there is a work around. Remove the fill from the text box.
Create a second text box the same size as the original, and put the gradient
fill in that text box. Place on top of the original text box > Arrange >
Order > Send to back. By layering text boxes this way you can get the same
effect but the text will not be converted to an image.

The other major issue you have on this page is that you are using non-web
fonts. This also results in text boxes being converted to images, and/or the
layout shifting in FF. Select some text > Format > Font > check 'Show only
web fonts' to see what fonts you should be using.

And finally, your family tree is a complicated hand built layout that works
mostly in IE but shifts around in FF. Part of the problem may be the wrong
font...all the text has been converted to images. But also FF simply renders
text slightly different than in IE. Perhaps your easiest solution here is to
select the entire tree structure and Save as a picture and choose a PNG
format at 96 dpi. Then reinsert that image instead of the original layout on
your page. You will get more consistent results...especially if you aren't
willing to change the font in each text box.

I will stop at this point, but I have illustrated several formatting and
layout issues that need to be addressed in a Publisher web if you want good
cross browser compatibility. I would suggest viewing each page in both IE
and FF...and Chrome if you want and looking for the cross browser issues.
Then if it is not fixed by one of the basic fixes I have described here,
post your questions in the web group and we will help you tweak things so
that your site will look good in all browsers. Read the posts for the last
few weeks and you will see one compatibility issue with IE8 that you will
also need to address.

news://msnews.microsoft.com/microsoft.public.publisher.webdesign
or
http://www.microsoft.com/office/community/en-us/default.mspx?dg=microsoft.public.publisher.webdesign&lang=en&cr=US

Please include the version of Publisher you are using, the URL of your site
and as much detail as possible any time you post a question.

DavidF

"Stuart" <Stuart@xxxxxxxxxxxxxxxxxxxxxxxxx> wrote in message
news:3103AEFA-B86C-4C65-BCA2-1C40AC38EB1A@xxxxxxxxxxxxxxxx
Rob,
url as requested...
http://www.albertlucking2717.org.uk/general/index_files/page343.html

Stuart.

"Rob Giordano [MS MVP]" wrote:

hard to tell without seeing the site...post the url


--
~~~~~~~~~~~~~~~~~~
Rob Giordano
Microsoft MVP Expression






"Stuart" <Stuart@xxxxxxxxxxxxxxxxxxxxxxxxx> wrote in message
news:EEB71E83-8F9B-4569-AAC0-0651AE6E63D9@xxxxxxxxxxxxxxxx
I have never encoutered this problem with MSN Browser which I use, but
if
I
look at my website in Google Chrome 'some' of my text boxes get
coloured
in a
dark deep blue - this can also extend to my navigation bars as well. I
noticed it first when seeing the site through my IG phone browser
Safari.
I've broken down some of these odd text boxes and checked that there is
nothing underneath which I may have left behind when building the site,
but
nothing.
Does anyone have any ideas?
Thanks,
Stuart...






.

Relevant Pages

  • Re: Text rendering in FX3
    ... Font sizing often has peculiar effects on page layout. ... example page from the Brazil website - set your browser with midget ... fonts favoured by many designers, and it might work as expected; ... and things fall apart when stupid design assumptions are made. ...
    (Fedora)
  • Re: Text rendering in FX3
    ... Font sizing often has peculiar effects on page layout. ... example page from the Brazil website - set your browser with midget ... fonts favoured by many designers, and it might work as expected; ... and things fall apart when stupid design assumptions are made. ...
    (Fedora)
  • Re: TEXT BOX CHANGES COLOUR IN DIFFERENT BROWSERS
    ... I can see the problem viewing your site with FireFox too, ... This also results in text boxes being converted to images, ... web fonts' to see what fonts you should be using. ... and FF...and Chrome if you want and looking for the cross browser issues. ...
    (microsoft.public.publisher)
  • Re: New Python.org website ?
    ... > It's a problem with not handling users who need large fonts. ... hitting is that layout widths/heights are based on the basefont size. ... Actually the site has been tested on every browser listed on ... testing across all configurations, ...
    (comp.lang.python)
  • different page layouts
    ... i design a page,save then preview it in browser and the layout stays the ... same but the fonts and appearance change to a different style. ...
    (microsoft.public.frontpage.client)
Loading