Roberto: Thank your for responding. >Am I right?<
It's perfect! I never thought of using position:absolute that way. Since you've broadened my thinking, you've opened up a whole lot of other possbilities where I can use this same concept. Thanks Tons! Jack -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Roberto Gorjão Sent: Wednesday, June 13, 2007 12:34 PM To: CSS-d Subject: Re: [css-d] How can I Center the Middle Column? Hi Jack! The following example seems to do all that you require, while remaining elastic and independent of percent values attributed to the lateral divs: <body style="text-align:center"> <div style="position:relative; width:60%; text-align:center; margin:0 auto;"> <div style="position:absolute; float:left; width:25%; left:0; top:0;">This is column 1</div> <div style="position:relative; width:40%; margin:0 auto;">This is column 2, the one I want centered between 1 & 3</div> <div style="position:absolute; float:right; width:25%; right:0; top:0;">This is column 3</div> </div> </body> Am I right? Roberto P.S.: I tried it in I.E. 5.0 -> I.E. 7.0 without any problems. -------------------- 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> > > Thanks! > > -- -------------------- Roberto Gorjão freelance designer and web designer personal site: www.castelosnoar.com PORTUGAL / BRAGA / PÓVOA DE LANHOSO ______________________________________________________________________ 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/ ______________________________________________________________________ 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/
