Multiple Views Layout
One HTML Structure, Three CSS Views
Tested and comopatible with IE6, IE7, Safari 2(Mac), Safari 3(Mac), Firefox 2(Win), Opera 9.21(Win)
table-viewlist-viewblock-view
-
1 : 1 el dolor.
-
1 : 2 Duis vel
-
1 : 3 Duis vel
-
1 : 4 s vel d
-
1 : 5 Duis ve
-
-
1:2 vel dolor. Aliquam nibh. Curabit
-
1:3 Duis vel dolor. Aliquam n
-
1:4 vel dolor. Aliquam nibh. Curabitur orc
-
1:5 el dolor. Aliquam nibh. Curabitur orci diam, laoreet id, tristique id, elementum vel, tellus. Aliquam sed libero. Sed ante. Vestibulum lectus justo, iaculis sit amet, dapibus sit amet, accumsan vitae, sem. Nam lacinia portt
-
-
2:2 vel dolor. Aliquam nibh. Curabitu
-
2:3 . Duis vel dolor. Aliqu
-
2:4 Duis vel dolor. Aliq
-
2:5 Duis vel dolor. Aliquam nibh. Curabitur orci diam, laoreet id, tristique id, elementum vel, tellus. Aliquam sed libero. Sed ante. Vestibulum lectus justo, iaculis sit amet, dapibus sit amet, accumsan vitae, sem. Nam lacinia porttitor tellus. Praesent ante. Pellentesque ege
-
-
3:2 vel dolor. Aliquam nibh. Curabitur
-
3:3 vel dolor. Aliquam nibh. Cu
-
3:4 . Duis vel dolor. Aliquam n
-
3:5 vel dolor. Aliquam nibh. Curabitur orci diam, laoreet id, tristique id, elementum vel, tellus. Aliquam sed libe
-
-
4:2 . Duis vel dolor. Al
-
4:3 vel dolor. Aliquam nibh. Cura
-
4:4 . Duis vel dolor. Aliqu
-
4:5 vel dolor. Aliquam nibh. Curabitur orci diam, laoreet id, tristique id, elementum vel, tellus. Aliquam sed libero. Sed ante. Vestibulum lectus justo, iaculis sit amet, dapibus sit amet, accumsan vitae, sem. Nam lacinia porttitor tellus. Praesen
-
-
5:2 vel dolor. Aliquam nibh. Cura
-
5:3 el dolor. Aliquam nibh. Cura
-
5:4 uis vel dolor. Aliquam nibh. Cur
-
5:5 vel dolor. Aliquam nibh. Curabitur orci diam, laoreet id, tristique id, elementum vel, tellus. Aliquam sed libero. Sed ante. Vestibulum lectus justo, iaculis sit amet, dapibus sit amet, accumsan vitae, sem. Nam lacinia porttitor tellus. Praesent ante. Pellentesque eget diam
-
-
6:2 c. Duis vel
-
6:3 el dolor. Aliquam nibh. Curabitur orc
-
6:4 vel dolor. Aliquam nibh. Curabitur
-
6:5 s vel dolor. Aliquam nibh. Curabitur orci diam, laoreet id, tristique id, elementum vel, tellus. Aliquam sed libero. Sed ante. Vestibulum lectus justo, iaculis sit amet, dapibus
-
-
7:2 Duis vel dolo
-
7:3 c. Duis vel dolor. Ali
-
7:4 Duis vel dolor. Aliq
-
7:5 . Duis vel dolor. Aliquam nibh. Curabitur orci diam, laoreet id, tristique id, elementum vel, tellus. Aliquam sed libero. Sed ante. Vestibulum lectus justo, iaculis sit amet, dapibus sit amet, accumsan vitae, sem. Nam lacinia porttitor tellus. Praesent ante. Pellentesque eget diam nec mi posu
-
-
8:2 is vel dolor. Aliquam nibh. Curabitu
-
8:3 Duis vel dolor. Aliquam nibh. Curabit
-
8:4 s vel dolor. Aliquam nibh. Curabitur o
-
8:5 vel dolor. Aliquam nibh. Curabitur orci diam, laoreet id, tristique id, elementum vel, tellus. Aliquam sed libero. Sed ante. Vestibulum lectus ju
-
-
9:2 is vel dolor. Aliquam nibh. Curabitur o
-
9:3 Duis vel dolor. Aliquam nib
-
9:4 el dolor. Aliquam ni
-
9:5 is vel dolor. Aliquam nibh. Curabitur orci diam, laoreet id, tristique id, elementum vel, tellus. Aliquam sed libero. Sed ante. Vestibulum lectus justo, iaculis sit amet, dapibus sit amet, accumsan vitae, sem. Nam lacinia porttitor tellus. Praesent ante. Pellentesque eget di
-
-
10:2 Duis vel dolor. Aliquam nib
-
10:3 is vel dolor. Aliq
-
10:4 vel dolor. Aliquam nibh. Curabit
-
10:5 Duis vel dolor. Aliquam nibh. Curabitur orci diam, laoreet id, tristique id, elementum vel, tellus. Aliquam sed libero. Sed ante. Vestibulum le