SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Jan 2014
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Page only loads properly after refresh?

    Hi, not 100% sure this is the right place to ask this but i'm having some serious trouble with this page of a site i'm working on: http://www.contentsherpa.com.au/?cat=11

    When I open it in firefox the page will load wrong (all the boxes squished together) but when I refresh the page it all straightens out. When I open it in chrome, it remains broken even after I refresh.

    I can't figure out what is causing this and was hoping someone could help!!

    The site is built using wordpress, and my theme is based on one called Gridly (if that helps at all?)

    Thankyou!

  2. #2
    SitePoint Mentor bronze trophy
    John_Betong's Avatar
    Join Date
    Aug 2005
    Location
    City of Angels
    Posts
    1,882
    Mentioned
    74 Post(s)
    Tagged
    6 Thread(s)
    The page does not validate so different browsers take a guess at the proposed output.

    Try removing the following validation errors:

    http://validator.w3.org/check?uri=ht...00=1&verbose=1
    Learn how to be ready for The New Move to Discourse

    How to make Make Money Now with a *NEW* look

    Be sure to congratulate Wolfshade on earning Member of the Month for August 2014

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,481
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    If all else fails then read the documentation (I was going to say something ruder )

    If your layout has images, you probably need to use imagesLoaded.

    Overlaping items are caused by items that change size after a layout. This is caused by unloaded media: images, web fonts, embedded buttons. To fix it, you need to initialize or layout after all the items have their proper size.
    Your images are way too big a file size anyway which exacerbates the issue. Those little post images are weighing in at 150k each and you have over 20 of them!! They could easily be optimised down to about 15k each and save half an hour download time

    Your big background image is 800k and should be 200k max. You can't see most of it anyway so probably could be much lower than 200k.


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
  •