This message was sent to the list but got lost in the system!!!  Gremlin again?

--- On Wed, 23/6/10, Jay Tanna <[email protected]> wrote:


> No you can't center the three boxes
> of size 25% because the total width is only 75%  So I
> suggest change your css as follows:
> 
> #container {
>     width: 100%;
>     margin: 0 auto;
>     text-align: left;
>     background-color: cyan;
>     border-style: solid;
>  }
>  #left_main, #centre_main, #right_main {
>          float: left;  
>          width: 29.33%;
>          background-color:
> red;
>          margin: 1%; 
>     
>          padding: 1%;
>  }
> 
> Notice that overall width of each div is 33.33% so if you
> change the margin and padding, make sure you have taken this
> into account in the width.  
> 
> Remember this formula:
> 
> Margin + Padding+ Contents = Width;
> 
> hth
> 
> --- On Wed, 23/6/10, martin <[email protected]>
> wrote:
> 
> > Hi all
> > 
> > I'm trying to center 3 float:left boxes in the middle
> of
> > the main container.
> > So far I've got:
> > 
> >  
> 
> <code snipped and incorporated above>
> 
> 
> 
> 


      
______________________________________________________________________
css-discuss [[email protected]]
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/

Reply via email to