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
Post a Comment