Grow your CSS skills. Land your dream job.

EMERGENCY 911

  • # February 12, 2013 at 3:51 pm

    Guys I need your help. Everything is broken on my site. Don’t know what happened, pushed some new changes to the server and now everything except for chrome on mac is rendering it like a teenage girl’s bedroom wall of magazine clippings.

    [here](http://foursquaresummiteast.org/dev “blank”) is the link. Please help!

    # February 12, 2013 at 4:09 pm

    There is an extra closing div on line 182 that isn’t needed, maybe that’s it?

    # February 12, 2013 at 4:11 pm

    > Everything is broken on my site. Don’t know what happened,

    Yes, you do:

    > pushed some new changes to the server

    So, the best idea would be to roll back those changes to the last working version. Then, trying to fix it all won’t be such a “panic” situation.

    If rolling back is not possible, you’re going to need to look carefully at what changes you made and do some good ol’fashioned troubleshooting. Then, you should look into using a version control system (or, at the very least, making backups before you update something).

    # February 12, 2013 at 4:22 pm

    @traq I would appreciate help fixing the problem. Yes, I obviously did something incorrectly in my last batch of changes. However I don’t know what it is, so unless you would like to help find the rotten apple, don’t waste your energy on this issue.

    # February 12, 2013 at 4:30 pm

    I’m not 100% sure what the problem is that your having can you give a little more detail please. Only thing I can see is that the images aren’t loading and that’s because you have linked them from the root and not relative but yet again i’m not 100% sure what the problem is that you are having.

    # February 12, 2013 at 4:39 pm

    @Blackhawkso When not viewing in Chrome, everything seems to be broken. Mozilla is a good example. Open a window in chrome as well as another browser to see what it is supposed to look like.

    Divs are out of place, things aren’t positioned anywhere near where they are supposed to, etc.

    # February 12, 2013 at 4:43 pm

    Check the console:

    > Failed to load resource: the server responded with a status of 404 (Not Found) http://foursquaresummiteast.org/images/summittalent.jpg
    > Failed to load resource: the server responded with a status of 404 (Not Found) http://foursquaresummiteast.org/images/brickwall.jpg
    > Failed to load resource: the server responded with a status of 404 (Not Found) http://foursquaresummiteast.org/images/348.png
    > Failed to load resource: the server responded with a status of 404 (Not Found) http://foursquaresummiteast.org/images/Transportation.jpg
    > FB.getLoginStatus() called before calling FB.init(). all.js:52
    > Failed to load resource: the server responded with a status of 404 (Not Found) http://foursquaresummiteast.org/images/prayer-on-my-knees4.jpg
    > Failed to load resource: the server responded with a status of 404 (Not Found) http://foursquaresummiteast.org/images/Klingenmeier-Lesli%20-%202010.JPG
    > Failed to load resource: the server responded with a status of 404 (Not Found) http://foursquaresummiteast.org/images/harriet.gif
    > Failed to load resource: the server responded with a status of 404 (Not Found) http://foursquaresummiteast.org/images/Brightwork%20Pic.jpg
    > Failed to load resource: the server responded with a status of 404 (Not Found) http://foursquaresummiteast.org/images/CJM_Promo_Pictures/cornelljordan-promopix4.jpg
    > Failed to load resource: the server responded with a status of 404 (Not Found) http://foursquaresummiteast.org/images/gray-jean.png
    > Failed to load resource: the server responded with a status of 404 (Not Found) http://foursquaresummiteast.org/images/pattern-5yxh.png
    > Unsafe JavaScript attempt to access frame with URL http://foursquaresummiteast.org/dev/ from frame with URL http://www.youtube.com/embed/videoseries?list=PLizAZC8EYESkVPixst9fyYZ4x5po6ys8D. Domains, protocols and ports must match.

    And since you seem to rely a lot on background images… I think either you moved tour image folder, or you deleted image files.

    # February 12, 2013 at 4:50 pm

    I am not at all worried about the images right now. All of my problems have to do with position. I know that they images are going to bring errors because i took all the files into another folder to keep away from public view.

    # February 12, 2013 at 4:56 pm

    Try removing `display: -moz-inline-stack;` from summit.css line 162 and 291

    # February 12, 2013 at 4:56 pm

    @matt_sanford Just to make you aware it seams to be a problem with firefox. I’ve checked your site on both Chrome, safari and IE10 on win8 and it is working fine. I know this probably don’t help a lot but it something i’ve never come across before and thought that any information could be useful.

    # February 12, 2013 at 4:59 pm

    @matt_sanford

    > @CrocoDillon Try removing display: -moz-inline-stack; from summit.css line 291

    I’ve just tried that in firefox and it has worked

    # February 12, 2013 at 5:01 pm

    I’ve edited my comment, there is another one on line 162 that needs removing too :)

    # February 12, 2013 at 5:01 pm

    @CrocoDillon Thanks! Any guess as to why that was messing things up?

    @Blackhawkso Yeah don’t worry about it. I appreciate it though!

    # February 12, 2013 at 5:07 pm

    I didn’t know about the -moz-inline-stack display value but apparently it stacks up child elements on top of each other :P

    Edit: I’ve actually seen it before here http://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/

    As a FF2 fix, wonder if that ever worked. But 1, it needs to be before `display:inline-block` and 2, FF2 is dead so just drop it and you’re fine :)

    # February 12, 2013 at 5:33 pm

    Before brushing off what @traq had to say because he wasn’t doing the work for you, he actually had the right suggestion. When you work on a large scale site and this happens, it’s exactly what you’ll have to do to debug the issue.

Viewing 15 posts - 1 through 15 (of 21 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".