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?

enter image description here

after adding "clear:left" , "clear:right" each table, appears follows...

enter image description here

after moving 3 left floated tables top of code , removing "float:right/clear:right" other 3, works except this.

enter image description here

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

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -