side by side tables

darickard

I'd like to have two tables side by side on a page rather than one above another. My tables get wrapped in a div by DataTables. I tried the following styling but it didn't seem to work.
[code]
.dataTables_wrapper {
display: inline;
}
[/code]

Any suggestions?

Drako

couldnt find a way to do this also.

anyone knows?

thanks!!

kenirwin

Me too! Inquiring minds want to know...

allan

.dataTables_wrapper {
float: left;
width: 50%;
}

perhaps?

Allan

kenirwin

That doesn't appear to work. I can't figure out why. If you throw a border around it you can see that the div becomes narrower, but it still breaks after for a new line.

I also tried
display: inline
and
position: relative
and neither of those did the trick either.

allan

Ah - the default CSS has clear:both for the wrapper element. This will do it:

[code]
.dataTables_wrapper {
float: left;
width: 50%;
clear: none
}
[/code]
Allan