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

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -