header image alignment

[dstegall]

I hardly ever have my pages maximized, so I didn't notice.

www.faithfullyyours.net/Shopping

when maximized the logo is too far to the left. Is there a way to fix it so it aligns better no matter what size. I would like it where the "F" is off to the left.

stylesheet now:

#logo{line-height:115px;}

This is the only thing I can find that could be edited.

Thanks for any help!

[RescoCCC]

Try adding:

padding-left: xxpx;

Adjusting the xx until it's positioned where you want it.

[dstegall]

Ok, I've tried that and it is better. It appears the logo doesn't move as the page size increases so depending on the the screen size of the view determines how it will look. I've checked on a netbook, 14" and 17" monitors. The smaller ones appear ok, but the larger one when fully maximized puts the logo to far to left.

Is there anyway to make the logo static, so it is always in the same position, say xx spaces from the tagline?

Thanks for any help!

[RescoCCC]

You could try float: right;

[Sneak972]

Your logo can't be fixed since your #logoWrapper doesn't have a width, so by default your logo will be to far left of the users monitor.

Try..

#logoWrapper {
height: 140px;
line-height: 140px;
margin: auto;
width: 900px;
}

Then, create another div that wraps around the logoWrapper.

#logoWrapperbg {
background-color: #FFFFFF;
background-image: url("../images/header_bg.jpg");
background-repeat: repeat-x;

}

[RescoCCC]

Why create an additional div? Why not just add width: 900px to #logoWrapper?

[RescoCCC]

Ah, now I see why. By just adding the width to the existing logowrapper it would no longer go from edge to edge.

[dstegall]

Great! Actually my template already had the logowrapperbg. Thanks soo much.

Now if I can only figure out the featured product box...

Faithfully,

Dawn