template changes dramatically between browsers

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.

HTML
CSS

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:

https://ipinfo.info/netrenderer/index.php

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

https://addons.mozilla.org/en-US/firefox/addon/60

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?

catest.co.uk

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

Thanks Again, Jonny.