html - Creating a 2 Column Layout in CSS -
i working on interface small web module , having problems css. right have container div , tables layout sub-sections. floating 3 of tables left , 3 tables right, until has worked great.
i added feature allows additional fields added user needed , height of table in right column grows, breaks layout. there better way layout won't break?
after adding "clear:left" , "clear:right" each table, appears follows...
after moving 3 left floated tables top of code , removing "float:right/clear:right" other 3, works except this.
for each float left, add clear:left, each float right, add clear: right.
it'd depend on order of each floated container though. option try keeping 1 set of floats 1 column (i.e. float lefts or float rights) , remove float property others in other column wrap side of floated boxes.
edit: working example: http://cssdesk.com/xan5j
Comments
Post a Comment