Floated wrappers with overflow auto and inner tables using display table properties

Under testing and review, 21st April 2011.

Table without borders

Floated wrapper with overflow: auto.

column one
c2
col3
c4
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
clear

Floated wrapper with overflow: auto and child (display table) with width: 100% and margin-right: 20px.

column one
c2
col3
c4
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
clear

Floated wrapper with overflow-y: auto and overflow-x: hidden and child (display table) with width: 100% and margin-right: 20px.

column one
c2
col3
c4
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
clear

Table with borders

Floated wrapper with overflow: auto.

column one
c2
col3
c4
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
clear

Floated wrapper with overflow: auto and child (display table) with width: 100% and margin-right: 20px.

column one
c2
col3
c4
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
clear

Floated wrapper with overflow-y: auto and overflow-x: hidden and child (display table) with width: 100% and margin-right: 20px.

column one
c2
col3
c4
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
d1
data element number two
data3
clear