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