CSS for HTML dynamic layout with not fixed columns?

Question

I want to set such layout both columns are dynamic - one is set by content second by the first column and minimum width. I found many solution where column is fixed with width but it no solves this problem.

See what I want achieve on screen.

enter image description here

What CSS I should use?

conceptdeluxe · Accepted Answer · 2013-06-22 23:33:46Z

1

There are different approaches for stuff like this ... an easy way would be to use display: table; for the container display: table-cell; for the childs and width: 1px; for the first child.

I have made a fiddle for you:

http://jsfiddle.net/TfuTE/

edited Jun 22, 2013 at 23:33

answered Jun 22, 2013 at 23:19

conceptdeluxe

3,9033 gold badges28 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Chameleon Over a year ago

Looks that need table layout. Thanks for hint.

user3141708 · Accepted Answer · 2014-03-12 14:06:38Z

0

check out this

http://codepen.io/Parthmy007/full/HKJuj

use Display : "table-cell" on both column or set max-width and min-width.and set first column width is "auto".

answered Mar 12, 2014 at 14:06

user3141708

Collectives™ on Stack Overflow

CSS for HTML dynamic layout with not fixed columns?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related