CODEWITHSUNDEEP
csshtml-table
user3710342
user3710342

Reputation: 13

Let <table> expand width via CSS

I'm having a problem with a dynamic table. The columns are set with the right with except for the last ones on the last row.

Here's a JSFiddle to clarify what I mean.

here's an image

I know that if I remove this line from .inhoud it is "fixed"

margin-left: 150px;

But that will break the rest of the website.

How can I fix this problem so that the <td> are the same everywhere. - It's not a problem if it will expand the width of the container.

Upvotes: 1

Views: 100

Answers (2)

Etheryte
Etheryte

Reputation: 25317

The problem lies in your .container, it has a set width of 1170px which isn't enough to fully contain your table with the provided margins and padding.
You can either increase this width or decrease the set sizes of your cells or remove the following attribute from your <table>

.bw_table {
    width: 100%;
}

Upvotes: 1

damien hawks
damien hawks

Reputation: 510

Just removed the table-layout:fixed attribute from your bw_table heres the new fiddle fiddle

Upvotes: 0

Related Questions