CODEWITHSUNDEEP
htmlcsstwitter-bootstrapresponsive-design
Dónal
Dónal

Reputation: 187529

table overflowing parent div

In the main content area of this page, I'm using the responsive grid provided by Bootstrap. I want the table to occupy a column than takes up 75% of the page width and the filter to occupy the remaining 25%, so I've marked it up like this:

<div class="row-fluid">
    <div class="span9" id="table-container">
        <!-- table markup goes here -->
    </div>

    <div class="span3">
        <!-- filter markup goes here -->
    </div>
</div>

But for some reason the table is horizontally overflowing it's parent element (with ID table-container) and extending into the column that shows the filter.

Upvotes: 2

Views: 1091

Answers (1)

nicbou
nicbou

Reputation: 1056

table-layout:fixed will fix the problem, but you will need to set your columns' width, which might prove troublesome in a responsive context.

Upvotes: 4

Related Questions