html - Arranging div with css -



html - Arranging div with css -

i've little problem arranging nav/div on website. google didn't revealed me solution, honest, didn't know how search it...

what i'd have @ end: on left side, <nav> (data selection) visible. on right side, several <div> (graphs) shown table 2 columns , infinite lines, resp. max. 2 graphs side side. field of <nav> shall independently means no <div> right side should below of <nav>.

how have implement css file?

if click hyperlink, you'll see current situation of arrangement: screenshot of nav , divs

later on: goal realize drag&drop behavior described here: html5 drag&drop. should possible, drag info <nav> , drop of graph-<div> visualization.

thanks!

css

nav { width:30%; //<----occupying 30% of total width, alter required float:left; } #charts-wrapper { float:left; width:68%; //<----occupying 68% of total width , occurs on right of nav, alter required margin-left:1%; margin-top:10px; } .charts { float: left; width:32%; //<-----equal area within charts margin-left:0.5%; } demo fiddle

html css nav

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 -