CSS Header alignment help

[allco]

Thanks for any css coders who can help with this one. Should be s simple 1 minute fix, I just cannot figure this out, after a few hours trying to make it work.

In my design, the header is wider than the content body below it.

ex: Header 890px width, and the content body: 770px width.

My goal is that the right edge of the header lines up with the right edge of the content body, and the header over-hangs 120px to the left.

I have it looking good on my screen res. 1280x800, but for larger or smaller screen res. the header is off alignment either to the left or the right.

I tried to cut the header into two pieces and wrap it inside a container, and as background images, and other methods... nothing is working.

Here is what I have for the css code:

.header
{ float:left; background: url(images/header.png) no-repeat top center; width: 890px; height: 204px;padding-top: 0px; padding-bottom: 0px; margin:0px;margin-left:134px;}

.wrap { width: 770px; margin: 0px ; padding:0px; background: #EAEBFE; }

.body-middle
{ background: #EAEBFE; width: 750px; height: auto; padding:0px; margin:0;}

-------------------------------------------------------

I've looked at some tutorial online to position background and headers, can't get it working.......

I've also added "fixed" in the .header etc....

Thanks for any help.

 

[jraines]

It sounds like you need to wrap everything in a container div and have the header and body float right.

Like this: http://jeremyraines.com/projects/random/

 

[jraines]

And if you find alignment to be a constant pain in the ass, check out 960 Grid System . . . grids make basic designs really easy.

 

[l3msip]

Your code is beyond fucked up. You have the wrap div with a width less than the thing its trying to wrap and conflicting margin rules for the header to start.

You probably have a whole bunch of other stuff fucked up as well.
Post the full html and css, you might get some help.
Without the html the css doesnt mean anything anyway.