Mozilla -moz-inline-box alternative

[Aaron Gray]

I have two tables in <spansI want side by side, okay in IE but in Mozilla
I need to use "display: -moz-inline-box;" this does not work in Opera which
requires "display: inline-block".

Is there any other way out of this nightmare other than a isMozBug variable
that gets triggered is Mozilla is being used that substitues the appropriate
display value ?

Many thanks in advance,

Aaron

[Andy Dingley]

Aaron Gray wrote:

I have two tables in <spansI 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 <tablecan somehow be rendered inline though
isn't it.

[Aaron Gray]

>I have two tables in <spansI 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 <tablecan 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 <divthen ?

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

Could you give me some code or point me to an example please.

Many thanks for your reply,

Aaron

[Spartanicus]

"Aaron Gray" <an********@gma il.comwrote:

>I have two tables in <spans>

Invalid HTML.

>I want side by side, okay in IE but in Mozilla
I need to use "display: -moz-inline-box;" this does not work in Opera which
requires "display: inline-block".

No on both counts as I already explained to you in comp.lang.javas cript.

>Is there any other way out of this nightmare other than a isMozBug variable
that gets triggered is Mozilla is being used that substitues the appropriate
display value ?

Here is the comp.lang.javas cript solution again without the JS:

table{display:i nline}
table{display:i nline-table}

(Do *not* combine the above 2 rules into one rule, or IE will trip up)

Note the caveats I already mentioned in comp.lang.javas cript

--
Spartanicus

[Aaron Gray]

"Spartanicu s" <in*****@invali d.invalidwrote in message
news:d2******** *************** *********@4ax.c om...

"Aaron Gray" <an********@gma il.comwrote:

>>I have two tables in <spans>

Invalid HTML.

>>I want side by side, okay in IE but in Mozilla
I need to use "display: -moz-inline-box;" this does not work in Opera
which
requires "display: inline-block".

No on both counts as I already explained to you in comp.lang.javas cript.

>>Is there any other way out of this nightmare other than a isMozBug
variable
that gets triggered is Mozilla is being used that substitues the
appropriate
display value ?

Here is the comp.lang.javas cript solution again without the JS:

table{display:i nline}
table{display:i nline-table}

(Do *not* combine the above 2 rules into one rule, or IE will trip up)

Note the caveats I already mentioned in comp.lang.javas cript

I have a large ammount of DOM code with ,ultiple tables than need to be
combined in different ways in different usages that I would like to get to
work without the need for CSS.

Aaron

[Michael Stemper]

In article <50************ *@mid.individua l.net>, Aaron Gray writes:

>>I have two tables in <spansI 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 <tablecan 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 <divthen ?

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_Discl aimer>
COFFEE.SYS not found. Abort, Retry, Fail?

[Spartanicus]

"Aaron Gray" <an********@gma il.comwrote:

>I have a large ammount of DOM code with ,ultiple tables than need to be
combined in different ways in different usages that I would like to get to
work without the need for CSS.

I see no reason to avoid CSS, even when you use the deprecated align
attribute a browser will likely map that to CSS and then apply it.

If you use JS to do this then you are simply manipulating CSS.

--
Spartanicus

[Andy Dingley]

Aaron Gray wrote:

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

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
<tablein a <diveither -- 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.

[Aaron Gray]

"Aaron Gray" <an********@gma il.comwrote in message
news:50******** ****@mid.indivi dual.net...

>I have two tables in <spansI want side by side, okay in IE but in Mozilla
I need to use "display: -moz-inline-box;" this does not work in Opera
which requires "display: inline-block".

Using :-

table.style.dis play = "inline";

On the tables in question solved the problem for all the browsers I am
testing on.

Thanks for the input,

Aaron

[Ben C]

On 2007-01-04, Michael Stemper <ms******@sieme ns-emis.comwrote:

In article <50************ *@mid.individua l.net>, Aaron Gray writes:

>>>I have two tables in <spansI 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 <tablecan 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 <divthen ?

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.