Search bar cannot float right (entirely)

Search bar cannot float right (entirely)

MarloHMarloH Posts: 8Questions: 0Answers: 0
edited January 2012 in DataTables 1.8
I tried applying the following style

.dataTables_filter {
float: right;
}

which caused the search box to float right, BUT it did not go all the way to the right; it stopped at the edge of my screen. (My table itself is set to 100% width, but actually causes a horizontal scroll on my 1080p monitor (very big table).) The search box though does not sit at the top-right of the table as expected, but instead is at the right hand side of the *screen.* There are no other divs to contain the search bar and limit it from floating to the right all the way.

I couldn't figure out what was going on here to cause this behavior. Can someone let me know if they have any suggestions or how to get around this? I'd like the search bar to be positioned on the far right edge of the page above my table.

Replies

  • allanallan Posts: 61,869Questions: 1Answers: 10,137 Site admin
    I'd very much suggest poking around your page with Firebug. I suspect that the parent container is taking up the full page, but something inside it is overflowing and that results int he page scroll.

    Allan
This discussion has been closed.