Center two column layout
Here's the problem I'm running into now:
I have a wrapper div that has left and right margins set to "auto", and that is all good. Inside this, I have my header, body, and whatnot, and all that is more-or-less good. Below that, I have two text boxes for specials being advertised on the site, and they are side by side.
I place "float: right" and "float: left" in the respective divs, and set the width to 300px. I can center the elements inside the divs no problem. But I want the divs centered side-by-side inside the wrapper div. The wrapper div is 700px.
I've tried using margin-left and margin-right, but depending what I do, either IE or Firefox will mess it up, and place one div below the other.
Any suggestions on what to try next? I'll post the code tonight.
|