SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Zealot
    Join Date
    Jul 2007
    Location
    SW Washington, USA
    Posts
    175
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Online and on my hard disk appearance differs.

    I have a page that displays differently when I view it online than when I view it from my hard disk. I have re-uploaded the html and css files and the difference persists.

    I work on a Windows computer and the Host is Linux. My browser is Firefox 5.0. I know that when I have inconsistencies with uppercase/lowercase file names in my html, viewing the files on my browser will show no errors but they will be broken links/images when viewing online.

    Is there something corresponding to that in CSS that would explain why the display is different when uploaded to the Linux server?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,215
    Mentioned
    457 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by Karin Sue View Post
    Is there something corresponding to that in CSS that would explain why the display is different when uploaded to the Linux server?
    No.

    So I guess the next question is how you are viewing it on your computer. Are you viewing the page in FF5 on your desktop?

  3. #3
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,806
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    what are these "differences"?

  4. #4
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    Linux is case sensitive with file names so it matters you write the correct case for links to files, etc. The same is true of the file paths and such things as spacing in file names and forward slashes for directories.

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,389
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    As asked above we'd need to know what the differences are exactly?

    Is the css file missing? Or is the css in place but the page is rendered differently?

    Can you post screenshots of the differences between local and online versions and do you have a link?

    There can be differences between pages viewed online due to latency and in the past Firefox would on first view display pages incorrectly if image dimensions were missing from the html. There were similar issues with the display:table properties when the css was still in the head and elements became misplaced.

  6. #6
    SitePoint Zealot
    Join Date
    Jul 2007
    Location
    SW Washington, USA
    Posts
    175
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    One page is "shrunk" when viewed via the server and not when viewed from my hard drive. Smaller fonts and smaller overall width.

    I've attached images.

    I plan to go through and clean up my CSS. This is my first non-table based layout site. I did a lot of tweaking using styles in the Head that I want to put in the attached sheet. I have no clue why it would display differently after uploading than when on my drive. I am using the same browser for viewing.

    I just tested in IE8. It has the shrunk page even when viewed on my hard disk.

    pageonline.gif

    pageonharddisk.gif

  7. #7
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,215
    Mentioned
    457 Post(s)
    Tagged
    8 Thread(s)
    Looks to me like you just need to go to View > Zoom > Reset on your desktop version. You may have bumped up the font size without realizing it. That also suggests that the smaller version of the page is the actual size.

  8. #8
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,389
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    I'd second Ralph's suggestion as Firefox will remember the zoom setting for specific sites so that if you have accidentaly zoomed the online version the url will be remembered and shown at that size size each time you view it online. The local site will of course render at the normal size.

  9. #9
    SitePoint Wizard bronze trophy Immerse's Avatar
    Join Date
    Mar 2006
    Location
    Netherlands
    Posts
    1,661
    Mentioned
    7 Post(s)
    Tagged
    1 Thread(s)
    Also, check to see if 0fees.net (where you've hosted the site online) haven't added any extra code to your pages (e.g. for advertisments).

  10. #10
    SitePoint Zealot
    Join Date
    Jul 2007
    Location
    SW Washington, USA
    Posts
    175
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It is a multi-page site and only that one page is shrunk. I did try resetting the zoom on both the shrunk page and non-shrunk pages with no change.

    However, since I discovered that IE8 shrinks the page when it is on my hard drive as well as when it is hosted online I will be able to test possible fixes without having to upload to the host.

    This is my first CSS with no layout tables site. I was in a hurry to get it up so my style.css is a bit messy and I have quite a few styles in the heads of pages. When I have a bit more time I am going to go back and clean up my style page and get the styles out of the html heads.

    I haven't run through a validator in awhile. That may help pinpoint the problem.

    Thanks,

    Karin


Bookmarks

Posting Permissions

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