Site Sponsors
Results 1 to 10 of 10

Thread: My new web site-problems with Safari

  1. #1
    Senior Member
    Join Date
    Mar 2011
    Location
    Beach Haven, NJ
    Posts
    685
    Post Thanks / Like

    My new web site-problems with Safari

    I recently used MS Expressions Web 4 to completly rebuild my web site. It displays fine on IE but I just got an Ipad and Safari murders the home page. "About Us" page is also distorted. All the Photo Album pages are OK. I am a 74 year old amateur, and web development is not my strong suit...I know nothing about HTML code!
    Thanks in advance
    Dave Gurtcheff Beach Haven, NJ
    My site is here:
    www.modernpictorials.com
    Could someone with both browsers check it out on both to see my problem?

  2. #2
    Administrator Bob's Avatar
    Join Date
    Oct 2007
    Location
    Prescott, Arizona
    Posts
    4,492
    Post Thanks / Like
    Images
    367

    Re: My new web site-problems with Safari

    Quote Originally Posted by gurtch View Post
    I recently used MS Expressions Web 4 to completly rebuild my web site. It displays fine on IE but I just got an Ipad and Safari murders the home page. "About Us" page is also distorted. All the Photo Album pages are OK. I am a 74 year old amateur, and web development is not my strong suit...I know nothing about HTML code!
    Thanks in advance
    Dave Gurtcheff Beach Haven, NJ
    My site is here:
    www.modernpictorials.com
    Could someone with both browsers check it out on both to see my problem?
    The web site looks fine in firefox and bad in Safari.
    I downloaded the image to my desktop and it looks fine in Safari.
    I then looked at the source code of tour page and I think that I se the problem
    There is a style tag which indicates a height of 800% and a width of 80%
    ie and firefox ignore this, safari interprets it.
    Solution:
    Change:
    <img alt="" height="739" src="s57A%20web%20site%20home%20page%20liftng%20fo g%20pollys%20dock.jpg" style="height: 800%; width: 80%; vertical-align: middle; border-style: solid; border-width: 3px" width="1080" /></p>
    to
    <img alt="" height="739" src="s57A%20web%20site%20home%20page%20liftng%20fo g%20pollys%20dock.jpg" style="vertical-align: middle; border-style: solid; border-width: 3px" width="1080" /></p>

    I think that ought to help
    -bob

  3. #3
    Administrator Bob's Avatar
    Join Date
    Oct 2007
    Location
    Prescott, Arizona
    Posts
    4,492
    Post Thanks / Like
    Images
    367

    Re: My new web site-problems with Safari

    And...
    It is always better to re-size the image than to use the height and width attributes of the img tag.
    When you use these, you force the user to download the complete image and then have the browser re-size it with usually less than ideal results.
    -bob

  4. #4
    Super Duper
    Senior Member
    Godfrey's Avatar
    Join Date
    Jan 2009
    Location
    Near San Jose, California
    Posts
    7,929
    Post Thanks / Like

    Re: My new web site-problems with Safari

    Right on the money, Bob.

    I wouldn't use Expressions Media to generate website source pages, personally. I dumped it when Microsoft bought it (previously named iView Media Pro) when I found they weren't really interested in doing much with it that made sense.

    Nowadays, I think it's more sensible to use the online services, like SquareSpace.com, ZenFolio, SmugMug.com, etc, to build web sites. Buy a domain from Hover.com, subscribe to one of these others, and create the web presence that you want using their tools and templates. (SquareSpace seems to have a bit more freedom to build whatever you want, if you want to be sophisticated you can write code right down to the CSS level.) Let them build the browser compatibility into their tools and templates for you. Much better use of time and energy, IMO.

    That's what I plan to do rather than updating and managing my now-ancient hand-written HTML website. Life's too short to spend it fussing about with stuff I'd really rather let someone else do. '-)

  5. #5
    Super Duper
    Senior Member
    Terry's Avatar
    Join Date
    Nov 2007
    Location
    New York City
    Posts
    6,955
    Post Thanks / Like
    Images
    1145

    Re: My new web site-problems with Safari

    My site was very simple to set up and was very inexpensive. I'm using a wordpress template called Photocrati. see the link in my signature.





    .

  6. #6
    Senior Member
    Join Date
    Mar 2011
    Location
    Beach Haven, NJ
    Posts
    685
    Post Thanks / Like

    Re: My new web site-problems with Safari

    Quote Originally Posted by Bob View Post
    The web site looks fine in firefox and bad in Safari.
    I downloaded the image to my desktop and it looks fine in Safari.
    I then looked at the source code of tour page and I think that I se the problem
    There is a style tag which indicates a height of 800% and a width of 80%
    ie and firefox ignore this, safari interprets it.
    Solution:
    Change:
    <img alt="" height="739" src="s57A%20web%20site%20home%20page%20liftng%20fo g%20pollys%20dock.jpg" style="height: 800%; width: 80%; vertical-align: middle; border-style: solid; border-width: 3px" width="1080" /></p>
    to
    <img alt="" height="739" src="s57A%20web%20site%20home%20page%20liftng%20fo g%20pollys%20dock.jpg" style="vertical-align: middle; border-style: solid; border-width: 3px" width="1080" /></p>

    I think that ought to help
    -bob
    Thank you very much Bob. I coppied and pasted the code you wrote, and uploaded the changed pages but still no luck in Safari in my ipad.
    Again thanks for helping and happy New year
    Dave

  7. #7
    Super Duper
    Senior Member
    Godfrey's Avatar
    Join Date
    Jan 2009
    Location
    Near San Jose, California
    Posts
    7,929
    Post Thanks / Like

    Re: My new web site-problems with Safari

    Quote Originally Posted by gurtch View Post
    Thank you very much Bob. I coppied and pasted the code you wrote, and uploaded the changed pages but still no luck in Safari in my ipad.
    Again thanks for helping and happy New year
    Dave
    Delete the cache then reload the pages.
    The revised page does not show an image in either Safari or Firefox on my Mac OS X system, same as on the iPad 2. I believe there's an erroneous space in the .jpg file name.

  8. #8
    Senior Member
    Join Date
    Mar 2011
    Location
    Beach Haven, NJ
    Posts
    685
    Post Thanks / Like

    Re: My new web site-problems with Safari

    Quote Originally Posted by Godfrey View Post
    Delete the cache then reload the pages.
    The revised page does not show an image in either Safari or Firefox on my Mac OS X system, same as on the iPad 2. I believe there's an erroneous space in the .jpg file name.
    I also noted the index page image was gone. I deleted the place holder in design view, then inserted the image again but did not drag a corner to resize it. It now displays OK in IE, but not Safari.
    Thanks all for helping
    Dave

  9. #9
    Super Duper
    Senior Member
    Godfrey's Avatar
    Join Date
    Jan 2009
    Location
    Near San Jose, California
    Posts
    7,929
    Post Thanks / Like

    Re: My new web site-problems with Safari

    Looks like you updated the HTML file. Now it looks identical (and correct) on both browers and on the iPad 2 as well.

  10. #10
    Senior Member
    Join Date
    Mar 2011
    Location
    Beach Haven, NJ
    Posts
    685
    Post Thanks / Like

    Re: My new web site-problems with Safari

    Quote Originally Posted by Godfrey View Post
    Looks like you updated the HTML file. Now it looks identical (and correct) on both browers and on the iPad 2 as well.
    My appologies for not responding sooner, and thanking all who helped. What I finally did, at someone's suggestion, was to delete the home page image. Then I resized it to about 720 pixels wide in Photoshop, then reinstalled it on the home page. At first when I went to Safari on my new ipad, it did not work. Today I tried it and it works!!! A consultant I spoke to said it was probaly a cache issue, and when I rebooted, the cache was cleared, and now it is fine. I still am not entirely happy with the home page. I want the image centered, and the "buttons" under it to be visiable without scrolling. I have contacted a Consultant, and made arrangements for her to come to our home and look over my shoulder, and show me how to change code to do that.
    Again, thanks all who took their valuable time to help me. Happy New Year
    Dave Gurtcheff
    www.modernpictorials.com

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •