Support » Themes and Templates » [Resolved] template changes dramatically between browsers

[Resolved] template changes dramatically between browsers

  • I’ve built a wordpress site for a client. I’ve used ‘Green Theme 1.0 by Kasper Solberg’ altered style sheet quite heavily, which is great and looks fine….on my mac and in Firefox…..

    until looking at it on a pc and in other browsers the template really changes. How can I avoid this happening? It needs to be similar if not the same in all browsers.

    Test site: http://www.catest.co.uk

    Any clues?

Viewing 8 replies - 1 through 8 (of 8 total)
  • you likely want to review this

    Hi Samboll, Thanks for speedy response.

    I’m fairly new to this, should I follow this and correct all as suggested? I’m learning as I go along and not heard of Validator before. I understand CSS quite well but still in a trial and error stage.

    Are you saying that by following these error reports the problem (and others) should be resolved?

    Thanks for speedy reponse

    not everything will affect the look of the site like no “alt” tags, etc.
    pay attention to where it says you have unclosed tags or mismatched tags
    if you click on the line number it will take you to the problem and help show where it is

    also, never post from word or office – quickest way to bork a layout

    you need to view in multiple browsers on PC and MAC, this sort of thing used to drive me crazy, try making sure your CSS and HTML is valid as well.


    To view in other browsers try this: Browser Shots i just go for ie6, 7, 8, firefox and Safari.

    ah i see you have already used browser shots (alot!), try this youll see in ie6 its gets worse im afraid:


    Def some issues in CSS:
    see results here

    Thanks old bag, it’s driving me crazy! every time I think I’m getting somewhere..

    not seen Browser Shots before either…very useful.

    What’s the best way to tidy all the faults up? Should I extract code amend in dreamweaver, test, then re-enter into style sheet?

    Cheers, Jonny

    I use firefox with the web developer plugin to see whats going on, you can use it to see what your DIVs id, classes etc are up to, im afraid it a lot of trail end error. It adds some cool tools into you toolbar including validation etc.

    I usually take a step back if there are alot of issues and work through one css command at a time to see if any changes make things better or worse, obviously start with the id’s or classes that may apply to the problem, margins and paddings can often through things out and look at your float and display CSS as well. Measure all widths, paddings, margins and make sure they add up and so on..


    Hi, Thanks for all your useful tips! That addon was extremely useful.

    I’ve made some of the changes as advised, but still having problems, I ran a test on browser shots and most are coming up fine. But IE isn’t!

    Is there something silly/obvious I’m doing wrong?


    I thought about switching themes, but seems a shame as i’m so close!

    Thanks Again, Jonny.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] template changes dramatically between browsers’ is closed to new replies.