Re: Mozilla -moz-inline-box alternative

Aaron Gray wrote:

I have two tables in <spans> I want side by side,

I'd suggest that you start by stopping doing that. It's not valid HTML,
so how it gets rendered is always going to be unpredictable. If you
want a pair of tables side-by-side, then there are valid ways to do
this. Pretending that a <table> can somehow be rendered inline though
isn't it.

In article <504qdgF1eem03U1 (AT) mid (DOT) individual.net>, Aaron Gray writes:

I have two tables in <spans> I want side by side,

I'd suggest that you start by stopping doing that. It's not valid HTML,
so how it gets rendered is always going to be unpredictable. If you
want a pair of tables side-by-side, then there are valid ways to do
this. Pretending that a <table> can somehow be rendered inline though
isn't it.

Yes I have found out this now, but how do I go about putting two tables side
by side in a <div> then ?

Actually, you don't even need to put them in a div. Just apply a style
of "float: left;" to the first one, and if there's room for both to be
side-by-side in the user's agent, they will be displayed that way.

--
Michael F. Stemper
#include <Standard_Disclaimer>
COFFEE.SYS not found. Abort, Retry, Fail?

Aaron Gray wrote:

Yes I have found out this now, but how do I go about putting two tables side
by side in a <div> then ?

Do it with CSS, and do whatever you like. Just don't mess with the HTML
rules, because those are fixed and not flexible.

I have tried using "display: inline-block;" style but got no where.

This isn't widely supported, so I'm not surprised and I wouldn't
recommend using it this year. You can either set the display property
to something that's more inline, or you can set float:left to treat
them as two blocks that sit side-by-side. From the brief description
so far, I'd probably use floats. I doubt if you need to wrap the
<table> in a <div> either -- you can probably just do it all by
applying CSS directly to the tables. You might need a break afterwards
though. brainjar.com has a good explanation of how to use CSS
positioning.

On 2007-01-04, Michael Stemper <mstemper (AT) siemens-emis (DOT) com> wrote:

In article <504qdgF1eem03U1 (AT) mid (DOT) individual.net>, Aaron Gray writes:
I have two tables in <spans> I want side by side,

I'd suggest that you start by stopping doing that. It's not valid HTML,
so how it gets rendered is always going to be unpredictable. If you
want a pair of tables side-by-side, then there are valid ways to do
this. Pretending that a <table> can somehow be rendered inline though
isn't it.

Yes I have found out this now, but how do I go about putting two tables side
by side in a <div> then ?

Actually, you don't even need to put them in a div. Just apply a style
of "float: left;" to the first one, and if there's room for both to be
side-by-side in the user's agent, they will be displayed that way.

Really you should float both of them left, although what you suggest
does actually work in Firefox which some of the time appears to treat
tables as if they were display: inline-table.