Welcome to WebmasterWorld Guest from 54.167.86.132

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:3180
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.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members