[resolved] template changes dramatically between browsers (9 posts)

  1. jonnycazzolawordpress
    Posted 6 years ago #

    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?

  2. Samuel B

    Posted 6 years ago #

    you likely want to review this

  3. jonnycazzolawordpress
    Posted 6 years ago #

    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

  4. Samuel B

    Posted 6 years ago #

    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

  5. oldbag66
    Posted 6 years ago #

    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.

  6. oldbag66
    Posted 6 years ago #

    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

  7. jonnycazzolawordpress
    Posted 6 years ago #

    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

  8. oldbag66
    Posted 6 years ago #

    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..


  9. jonnycazzolawordpress
    Posted 6 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic