SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Member
    Join Date
    Sep 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cross-browser compatibility - Site rendering differently in same exact browser

    Is there any reason why my site would render properly in IE8, 9, and Chrome (all same versions) on my machine, and then render differently on another machine?
    I have attached screenshots of a site I'm developing. These shots are from my client. In all three cases, this site renders just fine on my end using the same exact browsers.
    My client also tells me that font colors are not showing up properly in the latest version of Safari, when they show up just fine on my machine.
    Any direction would be very helpful. Very urgent.

    What it looks like in Chrome


    What it looks like in IE8


    What it looks like in IE9


    What it's supposed to look like

  2. #2
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,587
    Mentioned
    65 Post(s)
    Tagged
    2 Thread(s)
    Please post a link to the site so we can look at the code.

    (why are the screen shots reduced in size?)

  3. #3
    SitePoint Member
    Join Date
    Sep 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,299
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Your design (especially the nav) is very tight, meaning that if font sizes are increased at all (or calculated slightly differently) the nav bar will drop and break the layout.

  5. #5
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,587
    Mentioned
    65 Post(s)
    Tagged
    2 Thread(s)
    screenshots.cc thinks I have AdBlock on my bowser. It's installed but disabled. No screens for me, I guess.

    I'm suspicious of wordpress' version of clearfix. It may be perfectly valid, but I've never seen it written that way.
    Code:
    .clearfix {
    }
    .clearfix:after {
        clear: both;
    }
    .clearfix:before, .clearfix:after {
        content: "";
        display: table;
    }

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,299
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    That's a more modern version of clearfix that's supported by most browsers now.

  7. #7
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,587
    Mentioned
    65 Post(s)
    Tagged
    2 Thread(s)
    Thanks, Ralph.

  8. #8


Tags for this Thread

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
  •