On Mon, 11 Jun 2007 14:16:00 -0400, Jack Toering wrote: > How can I center the middle column? Consider the following: > > <div style="width:600px; text-align:center;"> > <div style="float:left;width:25%;">This is column 1</div> <div > style="float:left;width:40%; margin:0 auto;">This is column 2, the one I want > centered > between 1 & 3</div> > <div style="float:right; width:25%;">This is column 3</div> </div> >
Hi Jack, Try changing the margin of the middle column to "margin:0 5%;". Add "display:inline;" to prevent IE's margin doubling, and maybe reduce the right-hand width a tiny amount, or give it a pixel or two negative left margin, to stop rounding errors from causing a float drop. Other 3-column layouts available on the Wiki. (Link to the Wiki from the bottom of any css-d message.) Cordially, David -- ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
