resizing td element under mozilla

**Thomas 'PointedEars' Lahn** · Jul 23 '05, 12:47 PM

Re: resizing td element under mozilla

andres obrero wrote:[color=blue]
> i want to resize dynamically table cols.
> But some strange behaviour occurs under mozilla.
> I cannot resize a col smaller than the largest element, even with overflow
> hidden and table-layout fixed.
> [...]
> the example:
> *************** *************** *********
> <head>
> <style>td{ overflow:hidden }</style>
>
> <script>
> [...][/color]

<http://validator.w3.or g/>

PointedEars

**andres obrero** · Jul 23 '05, 12:47 PM

Re: resizing td element under mozilla

yeah,
very helpful to understand the skills of how to communicate without saying
nothing,
but does not lead to any solution of my problem.
as the validator just want a few headers more.

[[[

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang='de'>
<head>
<title></title>
<style type="text/css" >
td{ overflow:hidden }
</style>

<script type="text/javascript" >

]]]
maybe it helps to read my question a bit more carefully.

"Thomas 'PointedEars' Lahn" <PointedEars@nu rfuerspam.de> schrieb im
Newsbeitrag news:410D1596.3 030307@PointedE ars.de...[color=blue]
> andres obrero wrote:[color=green]
> > i want to resize dynamically table cols.
> > But some strange behaviour occurs under mozilla.
> > I cannot resize a col smaller than the largest element, even with[/color][/color]
overflow[color=blue][color=green]
> > hidden and table-layout fixed.
> > [...]
> > the example:
> > *************** *************** *********
> > <head>
> > <style>td{ overflow:hidden }</style>
> >
> > <script>
> > [...][/color]
>
> <http://validator.w3.or g/>
>
>
> PointedEars[/color]

-----= Posted via Newsfeeds.Com, Uncensored Usenet News =-----
http://www.newsfeeds.com - The #1 Newsgroup Service in the World!
-----== Over 100,000 Newsgroups - 19 Different Servers! =-----

**Thomas 'PointedEars' Lahn** · Jul 23 '05, 12:47 PM

Re: resizing td element under mozilla

andres obrero wrote:[color=blue]
> very helpful to understand the skills of how to
> communicate without saying nothing,[/color]

You just did not understand.
[color=blue]
> but does not lead to any solution of my problem.
> as the validator just want a few headers more.[/color]

These are not headers, they are markup declarations and attributes
as parts of Valid (X)HTML.
[color=blue]
> [[[[/color]

What is this supposed to mean?
[color=blue]
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
> "http://www.w3.org/TR/REC-html40/loose.dtd">[/color]

Unlikely. You are using <br /> which is XHTML Syntax.
[color=blue]
> [...][/color]

At least this part is Valid now.
[color=blue]
> ]]]
> maybe it helps to read my question a bit more carefully.[/color]

Maybe it helps to learn what you are using ...
[color=blue]
> [Top post][/color]

.... and stop that, see the FAQ (for both).

PointedEars

DU · Jul 23 '05, 12:47 PM

Re: resizing td element under mozilla

andres obrero wrote:
[color=blue]
> i want to resize dynamically table cols.
> But some strange behaviour occurs under mozilla.
> I cannot resize a col smaller than the largest element, even with overflow
> hidden and table-layout fixed.[/color]

If I was an user, I would expect or even demand that a browser never
collapse cells or columns up to a point that I can not have access to
its content. That expectation should also meets the web author's own
expectation too: let the content be reached, viewed, accessed by the user.
CSS declaration table-layout: fixed have pretty much nothing to do here,
unless you are willing to define width for each column. And in the code
you provided, you did not.
[color=blue]
> With one exception:
> Inserting a initial css table-width like 10px in the html. In this case i
> can resize to smaller sizes.
> I can live with that (need to calc all td widths, set each and then put the
> table to 1px),
> but why can't i add this table width dynamically after rendering, to allow
> shrinking?
> I don't want to modify the html/css, as it comes from an other engine. Just
> Javascript DOM.
>[/color]

For someone outside of your webpage design thinking, reasoning, and not
knowing exactly your webpage requirements, analysis, etc.., it's a bit
difficult to follow your line of thinking here.
[color=blue]
> Does anybody knows a hint, how to resize all tables in the way of the first
> example without any hardcoded HTML-CSS.
> Allowing shrink to zero under mozilla ?
>[/color]

Again, what you're trying to achieve here goes against normal,
reasonable behavior of a web page.
[color=blue]
> the example:
> *************** *************** *********
> <head>[/color]

It would be much more preferable, convenient and useful for readers of
your post willing to offer assistance, suggestions, insight if you could
upload your example and provide an url. It would also be quite useful to
make such document with valid/validated markup and css code, you know.
[color=blue]
> <style>td{ overflow:hidden }</style>
>
> <script>
> function mod(ob, siz){
> var tab = document.getEle mentById(ob);
> tab.style.table Layout = "fixed";[/color]

table-layout: fixed is aimed at parsing and rendering a table and such
declaration has requirements, otherwise the table is rendered with the
slow approach. So, here, I think your assignment is pointless.
[color=blue]
> tab.style.width = "1px"; // does not work in mozilla[/color]

Well, how or why should a whole table as wide as 1px would achieve
something?
[color=blue]
> var tds = tab.getElements ByTagName("TD") ; //just to simplify the example
> tds[0].style.width= siz+"px";
> tds[0].style.color="r ed";
> tds[1].style.width= "50px";[/color]

Just forget about browsers here. How should a human (or a genius,
whatever) comply with your table width and cell widths
demands/requirements here? I'm not even asking what you're trying to do
here; I'm asking how could anyone be able to achieve what you are
requesting here. The whole table should be 1px wide but some of its
table cells should be 50px wide.

[snipped code]

If you want meaningful help, assistance, then the best policy to adopt,
to adhere to is to post the most helpful, most meaningful, useful post
you can provide about your webpage situation. If you want respect, be
respectful and be respectable yourself. If you want a friend, act like
one. etc,etc.

Why we won't help you
"(...) Guru Designer replies, telling Newbie Designer that their page
doesn’t validate, and that they should go validate their page before
asking such questions. There is no further discussion; no further
replies are posted; no one else is willing to help.(...)"

http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you

DU

resizing td element under mozilla

resizing td element under mozilla

Comment

Comment

Comment

Comment