CODEWITHSUNDEEP
htmlcss
ihtus
ihtus

Reputation: 2811

Table <colgroup> min-max-width ignored

Having this http://jsfiddle.net/ihtus/EcU4x/

For the 1st column:

min-width: 100px;
max-width: 200px;

But if minimize browser window, 1st column width is getting less than 100px.

Need to have col widths in a range 100-200px. Any workaround?

Upvotes: 12

Views: 13780

Answers (2)

ihtus
ihtus

Reputation: 2811

Tried to remove 

table-layout:fixed;

from table style, and that seems to make col have a min-width...

http://jsfiddle.net/ihtus/mGgZ9/

Upvotes: 10

Tanul
Tanul

Reputation: 354

Do changes like this

<col style="min-width: 100px; max-width: 200px;">
<col style="min-width:75px;">
<col style="min-width:200px;">
<col style="min-width:auto;">
<col style="min-width:90px;">

set the min-width CSS property to define a minimum width for all the cells. This min-width represent the point at which the browser will add scroll bars rather than resizing the elements on the page.

Upvotes: 0

Related Questions