Web page looks different on PC's

Discussion in 'Web Design and Development' started by JudyK, Sep 25, 2009.

  1. JudyK macrumors newbie

    JudyK

    Joined:
    Sep 25, 2009
    Location:
    London
    #1
    Hi all

    I've made two websites using iWeb and have been delighted with them but a friend who has a PC told me that on the Publications page of
    www.judyk.co.uk
    and also on The Vital Spark page, the words are jumbled over the pictures and the Buy Me buttons are in the wrong place too.

    Do you have any suggestions and please try not to make it too complicated as I'm very much a novice.

    Thanks for any help

    JudyK
     
  2. edesignuk Moderator emeritus

    edesignuk

    Joined:
    Mar 25, 2002
    Location:
    London, England
    #2
    You should ask your friend what browser they are using. Using a "PC" doesn't really mean much.
     
  3. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #3
    (On Windows XP) In Firefox a couple images are out of place on the publications page. In IE6 they look even worse. The top area is OK, but it gradually gets worse as you go down. This is a common problem with iWeb. It uses a lot of absolute positioning and it doesn't take much to throw it off as browsers render things a little differently from other browsers.
     
  4. JudyK thread starter macrumors newbie

    JudyK

    Joined:
    Sep 25, 2009
    Location:
    London
    #4
    Thanks for that.

    Presumably, if I get it perfect for one browser, it'll look wrong on another.

    You talked about absolute positioning, angel, but it does look right on iWeb and on my computer so I'm really stuck what to do about it.
     
  5. MacBoobsPro macrumors 603

    MacBoobsPro

    Joined:
    Jan 10, 2006
    #5
    With iWeb for it to display good in all browsers make sure you stick to default web fonts like Arial, Verdana, Helvetica etc. Any others will cause problems!
     
  6. prodigee macrumors 6502a

    Joined:
    Sep 23, 2009
    Location:
    Brooklyn, NY
    #6
    Its because PC's dont use the same fonts or the same font smoothing that Mac's do even when you have Hellvetica on a PC it will different than it does on a Mac.

    I figured this out after I did an entire site in Helvetica and then realized that it would show up like garbage, that was one of the more painful experiences I had, it took so long to change all the fonts back.
     
  7. appledyl macrumors regular

    appledyl

    Joined:
    Apr 20, 2009
    Location:
    USA
    #7
    Agreed. It's the browser, not the fact that it's a pc. It should look best in Safari 4 and worst in IE8. Tell your friend to get Safari for PC. Google Chrome or Opera :rolleyes:may be able to view it normally.
     
  8. JudyK thread starter macrumors newbie

    JudyK

    Joined:
    Sep 25, 2009
    Location:
    London
    #8
    I've changed the page (and font) so there's no spaces indenting the lines to the right of the books. Is it any better?

    I can't ask people to look at it in particular browsers as I don't know everyone who reads it.

    Again, thank you so much, it's really starting to make sense.
     
  9. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #9
    Firefox (WinXP) looks better. IE6 not so much. Here's a screen shot from IE6. The font doesn't look like it does, that was just from scaling it down.
     

    Attached Files:

  10. JudyK thread starter macrumors newbie

    JudyK

    Joined:
    Sep 25, 2009
    Location:
    London
    #10
    Thanks angel, that's really a help.

    I've tried putting the words in individual text boxes and fiddled around with the pictures. I don't know if this is any better.
     
  11. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #11
    Top area looks pretty good now, but the bottom isn't.
     

    Attached Files:

Share This Page