Hi,

On this site the header logo is all the way over to the left on higher screen resolutions.

I'm having a bit of a nightmare getting it to stay in the centre...?

Cheers,

Try adding

#header-top {
margin:0 auto 0 auto;
}

this will work in FireFox... haven't tried IE but if IE doesn't do anything try adding:

body{
text-align:center;
}

and add to all your <div> tags which contains text or images a text-align:left; (this is because if you use the IE fix.. it will center EVERYTHING.. so to fix this issue you must align all the containers left.

I think in your case:

#footer, .content{
text-align:left;
}

should be enough

I tried #header-top {
margin:0 auto 0 auto;
}

But in IE, it threw the header image of to the right...

Have you tried the IE fix I typed in my first post?

In Firefox at 1280x1024, the logo is pushed to the right.
I don't know why you're using frames .. bleahh..

My advice would be to wrap the entire thing inside a #container div, use margin: 0 auto; on it and then you won't have the problem of things floating around out of place.

I agree with LadynRed that would be better than using frames and it will make your live much easier...

But if you don't want to listen, you could also try my advice and use the text-align. It should work otherwise tell me what happened

On my screen it seems like it is aligning all the way to the right (is that what you meant?). If I were in your case I would put all the content, including the header, in a div and center the div using:

margin-left: auto;
margin-right: auto;

And also, instead of having a frame with a source to the actual website, just redirect to http://www.vantidy.co.uk/. It would be far simpler and less confusing to your users.

- Steve

If I were in your case I would put all the content, including the header, in a div and center the div using:

That is EXACTLY what I recommended..

Thanks for the advise guys - much appreciated.

And thanks for pointing out the frames - I didn't even realise it was directing like that!