html - Two-column, multiple-row CSS layout with special requirements -
html - Two-column, multiple-row CSS layout with special requirements -
the next layout gives me headaches. no tables should used , sec column must single element containing all rows. rows should start @ same height across 2 columns. both columns fluid fixed ratio.
how accomplish using html , css? rather prefer semantically elegant solution without javascript.
+--------++------------------------+ |  row 1 ||  row 1                 | |        ||                        | +----------------------------------+ |  row 2 ||  row 2                 | |        ||  xxxxxxxxxxx           | |        ||  xxxxxxx               | |        ||  xxxxxxxx              | +----------------------------------+ |  row 3 ||  row 3                 | |  xxxx  ||                        | |  xxxxx ||                        | |  xx    ||                        | +----------------------------------+ |  row 4 ||  row 4                 | |  xxxxx ||  xxxxxxxxxxxxx         | |        ||  xxxxxxxx              | |        ||                        | +--------++------------------------+    why sec column have single element containing rows?
i need apply box-shadow enclosing whole column height.
box-shadow: 0 0 20px rgba(0,0,0,.3);        html css 
 
Comments
Post a Comment