Everything Freelance

Decided to do a little something different with this one and now I have myself in a bit of a mess. The site's centered well in FF for Mac (Safari too), but I'm having some issues with the IE browsers. Not going to cry over IE6, but in IE7 & IE8 the site is off center and the flower background is being overlapped by the left.

Thoughts?

I'm not sure if this is how you set things up, but my first thought would be to center your wrapper div by giving it a margin of auto on the left and right. You'll need to use a proper doctype in order for it to work in IE (at least older versions of IE) and you'll also need to specify a width on the wrapper div.

Then inside the wrapper I would create two columns. I'd float both left and it looks like you're using equal column widths or near equal widths. Then add the background image on the right column and I think you'll be all set.

I think the above should work.

By the way, you're doing something different came out well. I like the design.

She must have figured it out. It looked the same in IE7 and FF.

Originally Posted by colbyt

She must have figured it out. It looked the same in IE7 and FF.

No, I hadn't touched it since I posted.

Originally Posted by vangogh

I'm not sure if this is how you set things up, but my first thought would be to center your wrapper div by giving it a margin of auto on the left and right. You'll need to use a proper doctype in order for it to work in IE (at least older versions of IE) and you'll also need to specify a width on the wrapper div.

Then inside the wrapper I would create two columns. I'd float both left and it looks like you're using equal column widths or near equal widths. Then add the background image on the right column and I think you'll be all set.

Not quite working, but I think I'm on the right track. If their is no content in the right column, the background won't show. So instead I applied it to the wrapper and removed the right column...However now in FF for Mac, and IE7 the background position isn't working out how it should? It's not aligning to the bottom right, instead going about half way and/or getting cut off?

What exactly is wrong with my doctype?

Originally Posted by vangogh

By the way, you're doing something different came out well. I like the design.

Thanks.

What exactly is wrong with my doctype?

Your doctype looks fine. It's just something I mention whenever talking about centering using margin: auto since it's necessary to make it work in IE.

Have you managed to fix the page? I don't have IE readily available at the moment, but I do see things looking fine in FF on a Mac.

Yeah, I have it worked out. Just created one big 990w image to fill the wrapper with. Got tired of arguing with background positioning and deadline was this morning.

Glad you got it working. I know the feeling of a deadline approaching and just doing what you have to in order to make it work.