Background Image/Container Alignment question

[Susie]

I'm working on a Wordpress theme (not my design) and I'm wondering how best to accommodate this header image.

 

 

Would you just move the containers with CSS to make everything appear lined up (obviously my content area will need to be smaller)? Or would you slice the header image and make a new div for the part that is sticking out? Or maybe some other method?

[falkencreative]

I'd probably just adjust the content area to fit, rather than slicing the header. There really isn't a convenient place in the header image that could repeat, so you would end up having to fake a larger header yourself, or going back to the designer and asking for him/her to do it for you.

[Susie]

Wow, I was being dumb. lol Something you said made something else click in my mind. I've got it figured out now.

 

Thanks!

[Wickham]

The only way I can think of is to copy a section of the image between the text where it is cloud over purple and somehow stick it onto the left end, or position it underneath in a separate div, so that the header image has a bit more cloud and purple on the left.

[Susie]

Well, I ended up wrapping everything in a large enough container and then I just floated the content area to the right. That way I didn't have to mess with editing the image at all.