Welcome to WebmasterWorld Guest from 54.167.83.224

Forum Moderators: not2easy

Message Too Old, No Replies

A table whose columns wrap to fit container

     
6:53 am on Nov 25, 2010 (gmt 0)

Junior Member

5+ Year Member

joined:Aug 19, 2006
posts:61
votes: 0


Wondering if its possible to use DIVs to construct a table, that when the container is not wide enough, the colums wrap onto the next line. If container is small enough, width each column wraps to its own line.

Full width
---------------------------------------------
ID fname lname DOB
1 jon w 1/1/1980



partial wrap
---------------------------------------------
ID fname
lname DOB
1 jon
w 1/1/1980




full wrap
----------------------------------------------
ID
fname
lname
DOB
1
jon
w
1/1/1980
7:07 am on Nov 25, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member topr8 is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Apr 19, 2002
posts:3171
votes: 8


yes.

use a div as an overall wrapper for each 'full row'

then contain each value/column name from the row in a div of fixed height (must all be the same height) and float each one left.
repeat for each row.