On Tuesday, June 22, 2010 8:06:27 pm martin wrote:
> Hi all
>
> I'm trying to center 3 float:left boxes in the middle of the main
> container.
This might be pretty simple, actually... Untested, but give:
#container {
float: left;
margin: 0 auto;
}
a try.
Theory: once you float the container, it will shrink to fit all the other
boxes.
I'm pretty sure that the rules of float will still keep the three floated
columns next to each other. And then the margin: auto centers the whole thing.
If you need the main container wider than the three columns, you can add
another container div (#column_container or similar).
---Tim
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
