Header Width Problem

[sharonrees]

Hi Everyone,

I have created a new company logo image that is wider than my original image and it knocks some of the header out of alignment. (See attached image).

The original image was 310px wide and the new image is 350px wide. Can anyone tell me how to fix this please? Can i change widths somewhere or is it just too long to fit on the page?

It displays fine in the preview pane in Actinic but goes out of alignment when uploaded.

Any advice would be much appreciated.

www.avrmobiles.co.uk

[Duncan Rounding]

Try reducing the margin-left css for #animation

[sharonrees]

Thanks Duncan, this works if i reduce the left margin down to 0 pixels, but then the animation is too close to the logo. Is there another margin i can reduce on the other side as well? This is frustrating because it looks fine in the preview pane!

[leehack]

Have you tried firebug, helps you easily find what's styling what and locate it, you can even change the live css to test it.

[Duncan Rounding]

Change the #animation margin-left to 10px and then you will see a table inside a float right div - change that td width (for the login) from 310 to 290

[sharonrees]

Thanks Duncan, thats sorted it now.