<div style="overflow: hidden;"> <div style="float: left;">One</div> <div style="float: left;">Two</div> <div style="float: left;">Three</div> </div>
Using "overflow: hidden;" (or sometimes "overflow: auto;" if preferred) causes the container element to take into consideration the dimensions of elements which are floated inside of it. This way the floated elements won't escape from the parent element. Cheers, --------------------------------------------------- Keri Henare [e] [email protected] [m] 021 874 552 [w] www.kerihenare.com On 16/05/2009, at 8:09 AM, Sid Bachtiar wrote: > > If you ask this question, you should probably get someone with CSS > skills. > > It can be achieve with simple float: left but there are a barrage of > other techniques depending on the situation. > > On Sat, May 16, 2009 at 1:51 AM, Michael <[email protected]> wrote: >> >> I am converting a tabled layout to pure CSS... >> >> With tables, the DIV's went like this: >> >> X X X X X >> X X X X X >> >> Now they're like this: >> X >> X >> X >> X >> X >> etc.... >> >> What CSS option to I use for these DIV's to line them up in a row >> again? >> (previously achieved within a TR) >> >> Michael >> >>> >> > > > > -- > Blue Horn Ltd - System Development > http://bluehorn.co.nz > > > --~--~---------~--~----~------------~-------~--~----~ NZ PHP Users Group: http://groups.google.com/group/nzphpug To post, send email to [email protected] To unsubscribe, send email to [email protected] -~----------~----~----~----~------~----~------~--~---
