WordPress.org

Ready to get started?Download WordPress

Forums

Site Looks Dramatically Different in Different Browsers (12 posts)

  1. missxandrabee
    Member
    Posted 1 year ago #

    On my own computer (both chrome and safari) my homepage looks like this: http://fashionablylight.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-10-at-09.25.07.png

    But on another (in both firefox and safari) it looks like this: http://fashionablylight.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-10-at-9.27.12-AM.png

    It was more or less the same before this morning after I tried to fiddle with the code to adjust the uneven spacing in the sidebar visible in the first version (my computer). I'm not sure what I did, but I thought that I restored everything back to normal.

    Any advice on how to resolve the horrible aesthetic of the second version? Thanks.

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance.

  3. missxandrabee
    Member
    Posted 1 year ago #

    Did the image links above not work?

    It's for http://fashionablylight.com

    thanks!

  4. missxandrabee
    Member
    Posted 1 year ago #

    Or, can anyone suggest a way for me to revert to a previous edition of my site, ie reset it to what it looked like at 7:30am today before I touched the code? Or even to restore the theme default code. Thanks.

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Most browser problems are caused by invalid code, so start by validating your pages -- and fixing any HTML or CSS errors:

    One major problem is that you have HTML code above the DOCTYPE in the header.php file - which is always wrong. So fix that and then validate the HTML and CSS.

    http://codex.wordpress.org/Validating_a_Website

  6. missxandrabee
    Member
    Posted 1 year ago #

    I've removed the html code about the DOCTYPE but it doesn't seem to have helped.

    Is it possible for me to revert the site back to how it was this morning? How would I do that?

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Did you do the validation as suggested?

    Do you have a back-up from this morning?

  8. missxandrabee
    Member
    Posted 1 year ago #

    Does the validation mean going through all the code?

    Now the same issues that were appearing on the other computer/browser are appearing on mine :(

    I don't think I have a back-up from this morning - would I have had to do that manually?

  9. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    It looks like you have a CSS error that is causing all subsequent CSS to be invalid -- look at the errors listed here:

    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Ffashionablylight.com%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    You are missing a closing bracket at the end of the #content styles here:

    #content {
    	width: 62.5%;
    	margin:0px 0px 60px 0px;
    	padding:0px 0px 0px 60px;
    	float:left;
    	font-size: 14px;
    
    #footer {
    	width:70%;
    	float:right;
    	padding: 0px 0px 30px 0px;
    	clear: both;
    	font-size: 12px;
    	overflow:hidden;
    }
  11. missxandrabee
    Member
    Posted 1 year ago #

    the bracket solved the problem. wow. bracket power.
    thank you so much for all your help!

  12. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yep, code is VERY picky about syntax -- one seemingly tiny mistake and the whole thing can fail. That's why the validators are a huge help -- they find errors immediately and often show you right where the problem is.

Topic Closed

This topic has been closed to new replies.

About this Topic