Bookmarks

Yahoo Gmail Google Facebook Delicious Twitter Reddit Stumpleupon Myspace Digg

Search queries

phpmyadmin fehler rechte unerlaubte mischung, WWWXXXApc, lilo trying to map files from unnamed device 0x0000", Wwwxxxapc, CAM::PDF::Renderer::TextF Fragen, adodb.recordset error '800a0cc1', php save mails as eml, WWWXXXAPC, sqlexpress database file auto-creation error, sqlexpress database file auto-creation error

Links

XODOX
Impressum
Datenschutz

#1: Why doesn"t FireFox expand or contract tables?

Posted on 2008-04-14 21:16:04 by Andrew Bailey

Hi,

I thought this would be a simple problem to solve but 8 hours of Googling
and trying various suggestions hasn't yielded any working solutions so I'd
like to ask this group.

I have a table with two cells, within each of these cells there is a table
with a single cell. When the content of one inner cell expands it should
force the other table to expand.

It works fine in IE7 but fails in Firefox.

Here's a code snippet (see source of example url for a more complete
version)...


<table width="100%" height="260">
<td width="*" height="100%" valign="top">

<table width="100%" height="260">
<td valign="top">

When this content is expanded...

</td>
</table>

</td>
<td width="150" height="100%" valign="top">

<table width="100%" height="100%">
<td valign="top">

This table should expand too.

</td>
</table>

</td>
</table>


Here is a link to a test example...

http://www.microbuild.com/microbuild/test/expanding_table.ht ml


THE QUESTION:

How can I make the blue table (see example url) expand and contract when the
content of the green table is expanded or contracted in Firefox?



Many thanks

Andy

Report this message

#2: Re: Why doesn"t FireFox expand or contract tables?

Posted on 2008-04-14 21:29:26 by Harlan Messinger

Andrew Bailey wrote:
> Hi,
>
> I thought this would be a simple problem to solve but 8 hours of
> Googling and trying various suggestions hasn't yielded any working
> solutions so I'd like to ask this group.
>
> I have a table with two cells, within each of these cells there is a
> table with a single cell. When the content of one inner cell expands it
> should force the other table to expand.
>
> It works fine in IE7 but fails in Firefox.

Have you tried using CSS instead of the long-since outmoded practice of
using height and width attributes in HTML to control the dimensions of
elements?

Report this message

#3: Re: Why doesn"t FireFox expand or contract tables?

Posted on 2008-04-14 21:38:35 by Jeremy J Starcher

On Mon, 14 Apr 2008 19:16:04 +0000, Andrew Bailey wrote:

> Hi,
>
> I thought this would be a simple problem to solve but 8 hours of
> Googling and trying various suggestions hasn't yielded any working
> solutions so I'd like to ask this group.
>
> I have a table with two cells, within each of these cells there is a
> table with a single cell. When the content of one inner cell expands it
> should force the other table to expand.
>
> It works fine in IE7 but fails in Firefox.

[table snipped]


> THE QUESTION:
>
> How can I make the blue table (see example url) expand and contract when
> the content of the green table is expanded or contracted in Firefox?


GranParadiso/3.0a8 (Firefox 3.0 beta) works like you desire.

A few moments in Fx 2.5 didn't yield any quick fixes.


That said, nesting tables is rarely (if ever) a good idea. If you are
trying to do this for layout purposes, nested DIVS will give you a much
better layout that is also more accessible.

Report this message

#4: Re: Why doesn"t FireFox expand or contract tables?

Posted on 2008-04-14 21:45:34 by Els

Andrew Bailey wrote:

> <table width="100%" height="260">

> http://www.microbuild.com/microbuild/test/expanding_table.ht ml

> How can I make the blue table (see example url) expand and contract when the
> content of the green table is expanded or contracted in Firefox?

Not tested, but I think if you take the 260 height off both the other
tables, your problem will be non-existent. The 100% height on the
table with the blue border is 100% of the height that is *set* on the
parent, which is 260px. Do you for any reason need the 260px height?


--
Els http://locusmeus.com/

Report this message

#5: Re: Why doesn"t FireFox expand or contract tables?

Posted on 2008-04-14 21:55:29 by Andrew Bailey

"Harlan Messinger" <hmessinger.removethis@comcast.net> wrote in message
news:66hpkpF2kbvfkU1@mid.individual.net...
> Andrew Bailey wrote:
>> Hi,
>>
>> I thought this would be a simple problem to solve but 8 hours of Googling
>> and trying various suggestions hasn't yielded any working solutions so
>> I'd like to ask this group.
>>
>> I have a table with two cells, within each of these cells there is a
>> table with a single cell. When the content of one inner cell expands it
>> should force the other table to expand.
>>
>> It works fine in IE7 but fails in Firefox.
>
> Have you tried using CSS instead of the long-since outmoded practice of
> using height and width attributes in HTML to control the dimensions of
> elements?

Hi Harlan,

I've added an identical example table to the url using css, but as you can
see it behaves exactly the same as the original. I think it's one of those
things where Firefox is probably obeying some standard to the letter even
though it's dumb.

Thanks for looking

Andy

Report this message

#6: Re: Why doesn"t FireFox expand or contract tables?

Posted on 2008-04-14 22:02:59 by Andrew Bailey

"Els" <els.aNOSPAM@tiscali.nl> wrote in message
news:1vrmo8iytc41z.59vqpdqu1bp0$.dlg@40tude.net...
> Andrew Bailey wrote:
>
>> <table width="100%" height="260">
>
>> http://www.microbuild.com/microbuild/test/expanding_table.ht ml
>
>> How can I make the blue table (see example url) expand and contract when
>> the
>> content of the green table is expanded or contracted in Firefox?
>
> Not tested, but I think if you take the 260 height off both the other
> tables, your problem will be non-existent. The 100% height on the
> table with the blue border is 100% of the height that is *set* on the
> parent, which is 260px. Do you for any reason need the 260px height?
>
>
> --
> Els http://locusmeus.com/

Hi Els,

I need the table to initially render to a height of 260, so yes that bit is
deliberate.

What I should then be able to do is specify 100% from that point on as 100%
would equal 100% of 260 but once again I'm thwarted by Firefox (works fine
in IE of course) as the green table will expand as expected (even though the
blue won't) but then stays expanded and doesn't shrink.

Thanks for looking


Andy

Report this message

#7: Re: Why doesn"t FireFox expand or contract tables?

Posted on 2008-04-14 22:03:47 by Ben C

On 2008-04-14, Andrew Bailey <andy@REMOVETOEMAILMEmanyplay.com> wrote:
> Hi,
>
> I thought this would be a simple problem to solve but 8 hours of Googling
> and trying various suggestions hasn't yielded any working solutions so I'd
> like to ask this group.
>
> I have a table with two cells, within each of these cells there is a table
> with a single cell. When the content of one inner cell expands it should
> force the other table to expand.
>
> It works fine in IE7 but fails in Firefox.
>
> Here's a code snippet (see source of example url for a more complete
> version)...
[...]
> Here is a link to a test example...
>
> http://www.microbuild.com/microbuild/test/expanding_table.ht ml
>
>
> THE QUESTION:
>
> How can I make the blue table (see example url) expand and contract when the
> content of the green table is expanded or contracted in Firefox?

You're asking for 100% height of an auto-height container. Firefox is
well within the CSS spec to ignore the 100% and give you auto instead.

Report this message

#8: Re: Why doesn"t FireFox expand or contract tables?

Posted on 2008-04-14 22:08:55 by Andrew Bailey

"Ben C" <spamspam@spam.eggs> wrote in message
news:slrng07e5c.qa.spamspam@bowser.marioworld...

<snip>

> You're asking for 100% height of an auto-height container.

YEP... that's exactly what I want.


> Firefox is well within the CSS spec to ignore the 100% and give you auto
> instead.

Seems like Firefox is too correct for it's own good if you ask me ;)


So then, how do I achieve what should be very simple behavior in Firefox?



Thanks for looking


Andy

Report this message

#9: Re: Why doesn"t FireFox expand or contract tables?

Posted on 2008-04-14 22:37:39 by Ben C

On 2008-04-14, Andrew Bailey <andy@REMOVETOEMAILMEmanyplay.com> wrote:
>
> "Ben C" <spamspam@spam.eggs> wrote in message
> news:slrng07e5c.qa.spamspam@bowser.marioworld...
>
><snip>
>
>> You're asking for 100% height of an auto-height container.
>
> YEP... that's exactly what I want.
>
>
>> Firefox is well within the CSS spec to ignore the 100% and give you auto
>> instead.
>
> Seems like Firefox is too correct for it's own good if you ask me ;)
>
>
> So then, how do I achieve what should be very simple behavior in Firefox?

Well the only semi-pukka way to do that within the letter and spirit of
the CSS specification is to make the container position: relative and
then use position: absolute on the thing inside it with top: 0 and
bottom: 0.

But as discussed recently here or in a similar NG that doesn't work in
Firefox either. This is technically sort of OK since the spec does say
position: relative on table-cells is undefined (although it doesn't
mention any exception for table-cells in the definitions of containing
block).

Report this message

#10: WORK-AROUND FOUND

Posted on 2008-04-14 23:01:02 by Andrew Bailey

"Andrew Bailey" <andy@REMOVETOEMAILMEmanyplay.com> wrote in message
news:U3OMj.239$DQ3.145@newsfe1-win.ntli.net...
> Hi,
>
> I thought this would be a simple problem to solve but 8 hours of Googling
> and trying various suggestions hasn't yielded any working solutions so I'd
> like to ask this group.
>
> I have a table with two cells, within each of these cells there is a table
> with a single cell. When the content of one inner cell expands it should
> force the other table to expand.
>
> It works fine in IE7 but fails in Firefox.
>
> Here's a code snippet (see source of example url for a more complete
> version)...
>
>
> <table width="100%" height="260">
> <td width="*" height="100%" valign="top">
>
> <table width="100%" height="260">
> <td valign="top">
>
> When this content is expanded...
>
> </td>
> </table>
>
> </td>
> <td width="150" height="100%" valign="top">
>
> <table width="100%" height="100%">
> <td valign="top">
>
> This table should expand too.
>
> </td>
> </table>
>
> </td>
> </table>
>
>
> Here is a link to a test example...
>
> http://www.microbuild.com/microbuild/test/expanding_table.ht ml
>
>
> THE QUESTION:
>
> How can I make the blue table (see example url) expand and contract when
> the content of the green table is expanded or contracted in Firefox?
>
>
>
> Many thanks
>
> Andy
>
>
>
>

Hi all,

It would seem that the solution is to switch the entire table (or rather
further up the mark-up tree). I have appended a third working example to the
test url.

Thanks for feedback and comments.

Andy

Report this message

#11: Re: Why doesn"t FireFox expand or contract tables?

Posted on 2008-04-15 15:36:06 by Bergamot

Andrew Bailey wrote:
>
> I have a table with two cells, within each of these cells there is a table
> with a single cell. When the content of one inner cell expands it should
> force the other table to expand.
>
> It works fine in IE7 but fails in Firefox.
>
> http://www.microbuild.com/microbuild/test/expanding_table.ht ml

Why do you need a nested table in that second cell? What happens if you
get rid of that nested table and put the blue borders around that td
instead?

BTW, you should clean up that code. You have an invalid <style> element
within the body. It belongs in the head section, plus it needs the
required type attribute.

Invalid code can be a cause of rendering issues in different browsers.
Validated code eliminates code errors as a source of problems.

--
Berg

Report this message

#12: Re: Why doesn"t FireFox expand or contract tables?

Posted on 2008-04-17 00:19:56 by Richard

On Mon, 14 Apr 2008 19:16:04 GMT, "Andrew Bailey"
<andy@REMOVETOEMAILMEmanyplay.com> wrote:

>Hi,
>
>I thought this would be a simple problem to solve but 8 hours of Googling
>and trying various suggestions hasn't yielded any working solutions so I'd
>like to ask this group.
>
>I have a table with two cells, within each of these cells there is a table
>with a single cell. When the content of one inner cell expands it should
>force the other table to expand.
>
>It works fine in IE7 but fails in Firefox.
>
>Here's a code snippet (see source of example url for a more complete
>version)...
>


Two tables work independently of each other regardless of where they
are placed. So expecting two adjoining rows to expand together is not
gonna happen.

Report this message