Welcome to WebmasterWorld Guest from 54.158.54.179

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)

5+ Year Member



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)

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



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.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month