Centering my header

agconrad

Hello,

I have never had any trouble centering my header, but last week I upoaded a new gif and it does not want to center for some reason.

The site is www.agconrad.smugmug.com and I use it as a galleries page for my business.

The title wants to sit slightly to the right and I am not sure why. Any help would be appreciated.

The login to look at my css is agconrad@agconrad.com and the PW is ******

Thanks

Edit: No need to post password, those that can help can use WebDev to see your CSS.

agconrad

agconrad wrote:

Hello,

I have never had any trouble centering my header, but last week I upoaded a new gif and it does not want to center for some reason.

The site is www.agconrad.smugmug.com and I use it as a galleries page for my business.

The title wants to sit slightly to the right and I am not sure why. Any help would be appreciated.

The login to look at my css is agconrad@agconrad.com and the PW is ******

Thanks

Edit: No need to post password, those that can help can use WebDev to see your CSS.

Thanks

Allen

agconrad wrote:

Hello,

I have never had any trouble centering my header, but last week I upoaded a new gif and it does not want to center for some reason.

The site is www.agconrad.smugmug.com and I use it as a galleries page for my business.

The title wants to sit slightly to the right and I am not sure why. Any help would be appreciated.

The login to look at my css is agconrad@agconrad.com and the PW is ******

Thanks

Edit: No need to post password, those that can help can use WebDev to see your CSS.

Your banner is wider then the page and has extra blank area on all sides.
First thing is crop off the extra white area from your banner. Then using this
cropped version it should fit nicely. The auto in the margin will center
whatever width (actual photo width) it is as long as smaller then the page
width.


#my_banner {
width: 800px;
height: 100px;
margin: 10px auto; /* top/bottom left/right */
margin-top: 10px;
...

btw, the margin-top is not needed, it's covered in the line above it.
This is the expanded version to see what each controls.
margin: top right bottom left;
This is what you have expanded out in long form.
margin: 10px auto 10px auto;