How to grows up a div height with a table that has your rows added dynamically?


Tags: html,css

Problem :

I have a div main that has a table grid. This table has your rows added dynamically. So, the problem is, when i add a row to the table grid the height of the table grows up, but the height of the div main no. Thus the table is staying in front of the footer content. What i have to add in css or in html to enforce the height of the div main grows up with the height of th table grid?

The code and the behavior: http://jsfiddle.net/BBcsB/8/

The problem is in the fieldset here:

fieldset
{
    border: 1px solid #DDDDDD;
    padding: 0px 20px 5px 10px;
    margin: 0 0 1.5em 0;
    display: inline-block;
}

So, when i remove the display: inline-block; works fine, but the fieldset is large, taking the entire div width and height. How can i solve the problem and stay with the fieldset surrounding the elements inside it?



Solution :

Solved!

I put main and footer divs to float: left and width: 100% and fieldset to float: left too, and remove the display: inline-block of fieldset.

Here: http://jsfiddle.net/BBcsB/9/


    CSS Howto..

    How to have 3 sections in a row

    How to apply CSS class to a parent element?

    How to Assign on demand CSS Styles to some div or class?

    How to make header in css but im using opacity?

    CSS: How to fake a :hover state?

    how to do display none using css

    How can I remove a parent with a certain child inside of it (media queries)

    How to override css-setting for the elements of nested table?

    How can I float dynamic div's next to each other?

    How to set date search toolbar field width on autoresize

    how to apply css to extjs grid emptytext?

    css how to float or display two elements of unknown widths next to each other inside a div of unknown width

    How to use jQuery UI icons without buttons?

    How can I change the paragraph formatting in the SharePoint RichHtmlField

    How can I avoid a “Flash of Unstyled Content” using fixed-width cells in CSS Tables?

    How do I position a div under a fixed position div

    How to fit the content of the site in any resolution CSS

    How to accomplish onHover event without a second image

    How to get a CSS selector in PHP?

    How to call and hide lists using two buttons - using Javascript HTML CSS?

    How to use pure CSS to control other elements under same parent?

    How can I use a different CSS using jQuery?

    How can I implement this dual-gradient menu design?

    How can I make an element fit to fill the right part of the window?

    How to make tabs with html and css

    How to make the posts of a content type horizontal scrollabel?

    How to set CSS class file to a Menu item control

    How to create a table WITHOUT alternating row colors when using Blueprint CSS framework?

    How to Convert this Inline CSS to External CSS using just a single class?

    How to maintain page backgroud image zoom fixed? CSS