Wrapper swallows other divs on float
Wrapper swallows other divs on float
I have the following page structure:
[code]
blabla
[/code]
#myTable gets wrapped in dataTable_wrapper and ThemeRoller is applied.
My goal was to make sure that the "tableDescription" div is above the top-left corner of the table, and "buttons" div above the top-right. So I floated them to the left and right respectively.
What happened then is that dataTable_wrapper extended to cover the "tableDescription" and "buttons" divs so that both appeared as if swallowed by the top ThemeRoller bar that also contains the page length controls and the search box - the two divs somehow ended inside it.
[code]
blabla
[/code]
#myTable gets wrapped in dataTable_wrapper and ThemeRoller is applied.
My goal was to make sure that the "tableDescription" div is above the top-left corner of the table, and "buttons" div above the top-right. So I floated them to the left and right respectively.
What happened then is that dataTable_wrapper extended to cover the "tableDescription" and "buttons" divs so that both appeared as if swallowed by the top ThemeRoller bar that also contains the page length controls and the search box - the two divs somehow ended inside it.
This discussion has been closed.
Replies
Have you got an appropriate "clear"ing element? Remember when using CSS and floats, you need to clear the display if you want the elements to stack up. Again probably another outing for Firebug to experiment with the CSS :-). Certainly I don't thing this is a Javascript issue, just a CSS display one, so possibly one for a CSS specific forum if this doesn't help.
Regards,
Allan