Support » Fixing WordPress » Site Looks Dramatically Different in Different Browsers

Viewing 11 replies - 1 through 11 (of 11 total)
  • esmi

    (@esmi)

    Forum Moderator

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

    missxandrabee

    (@missxandrabee)

    Did the image links above not work?

    It’s for http://fashionablylight.com

    thanks!

    missxandrabee

    (@missxandrabee)

    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.

    WPyogi

    (@wpyogi)

    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

    missxandrabee

    (@missxandrabee)

    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?

    WPyogi

    (@wpyogi)

    Did you do the validation as suggested?

    Do you have a back-up from this morning?

    missxandrabee

    (@missxandrabee)

    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?

    WPyogi

    (@wpyogi)

    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

    WPyogi

    (@wpyogi)

    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;
    }

    missxandrabee

    (@missxandrabee)

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

    WPyogi

    (@wpyogi)

    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.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Site Looks Dramatically Different in Different Browsers’ is closed to new replies.