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/

Reply via email to