HTML Table Question

HTML Table Question

am 11.01.2008 00:57:02 von NvrBst

This is probably a basic question but seems to be hard for me to find.

How do you tell a cell to take up all the vertical space it can? (By
default the 1st cell does it but I want the 3rd to). style="height:
100%;" doesn't work and can't find a "vertical-align:justify;"
option. Below is what my table looks like.

1 2
3 4
5 6

1/3/5 are all merged with rowspan=2. Cell 2 has to fit its data.
Cell 4 has to be right under Cell 2 always. I want Cell 6 to take up
any extra room with blank space so that Cell 1 or 4 arn't stretched
(Cell 4 has special background).


Note:
1 2
3 4

This situation would also be fine (1/3 merged). It works the way I
want it to when Cell 2 is higher than the data in 1/3. But when data
in Cell 2 is small then Cell 2 gets stretched which I'd like to
advoid.

Thanks

NB

Re: HTML Table Question

am 11.01.2008 01:13:56 von dorayme

In article
m>,
NvrBst wrote:

> This is probably a basic question but seems to be hard for me to find.
>
> How do you tell a cell to take up all the vertical space it can? (By
> default the 1st cell does it but I want the 3rd to). style="height:
> 100%;" doesn't work and can't find a "vertical-align:justify;"
> option. Below is what my table looks like.
>
> 1 2
> 3 4
> 5 6
>
> 1/3/5 are all merged with rowspan=2. Cell 2 has to fit its data.
> Cell 4 has to be right under Cell 2 always. I want Cell 6 to take up
> any extra room with blank space so that Cell 1 or 4 arn't stretched
> (Cell 4 has special background).
>
>
> Note:
> 1 2
> 3 4
>
> This situation would also be fine (1/3 merged). It works the way I
> want it to when Cell 2 is higher than the data in 1/3. But when data
> in Cell 2 is small then Cell 2 gets stretched which I'd like to
> advoid.
>


Excuse me while I pray:

Dearest God Almighty, greatest of all HTML authors, Please make a
subscriber who has a complicated question supply a f*ing url.
thank you.

PS. And wipe all those tut tuts from the faces of your most
faithful servants.

--
dorayme

Re: HTML Table Question

am 11.01.2008 01:25:04 von TravisNewbury

On Jan 10, 7:13 pm, dorayme wrote:
> Excuse me while I pray:
> Dearest God Almighty, greatest of all HTML authors, Please make a
> subscriber who has a complicated question supply a f*ing url.
> thank you.

Whats a flying url?

Re: HTML Table Question

am 11.01.2008 01:26:41 von NvrBst

On Jan 10, 4:13=A0pm, dorayme wrote:
> In article
> > m>,
>
>
>
>
>
> =A0NvrBst wrote:
> > This is probably a basic question but seems to be hard for me to find.
>
> > How do you tell a cell to take up all the vertical space it can? (By
> > default the 1st cell does it but I want the 3rd to). =A0style=3D"height:=

> > 100%;" doesn't work and can't find a "vertical-align:justify;"
> > option. =A0Below is what my table looks like.
>
> > 1 2
> > 3 4
> > 5 6
>
> > 1/3/5 are all merged with rowspan=3D2. =A0Cell 2 has to fit its data.
> > Cell 4 has to be right under Cell 2 always. =A0I want Cell 6 to take up
> > any extra room with blank space so that Cell 1 or 4 arn't stretched
> > (Cell 4 has special background).
>
> > Note:
> > 1 2
> > 3 4
>
> > This situation would also be fine (1/3 merged). =A0It works the way I
> > want it to when Cell 2 is higher than the data in 1/3. =A0But when data
> > in Cell 2 is small then Cell 2 gets stretched which I'd like to
> > advoid.
>
> Excuse me while I pray:
>
> Dearest God Almighty, greatest of all HTML authors, Please make a
> subscriber who has a complicated question supply a f*ing url.
> thank you.
>
> PS. And wipe all those tut tuts from the faces of your most
> faithful servants.
>
> --
> dorayme- Hide quoted text -
>
> - Show quoted text -

Hehe sorry don't have a URL yet... I was able to acomplish what I
want by seperating column 1 and column 2 into 2 seperate tables and
then putting both tables into a new table. If someone has a more
elegant solution please tell. Below is how my solution looks like in
code form if it helps



*Menu*
table>
*Data1*
*Data2*



Using 3 tables isn't that elegant though... This is what I'd like it
to look like, what it was before (In code form)







*Menu* *Data1*
*Data2*


What doesn't work in the this way is the "vertical-align:justify;"
line. I've tried setting the cells above it to "height: auto;" (which
is suppose to give it the min size they can be) and then leaving the
last cell with no height set but that didn't work either.

NB

Re: HTML Table Question

am 11.01.2008 01:26:47 von lws4art

dorayme wrote:

> Excuse me while I pray:
>
> Dearest God Almighty, greatest of all HTML authors, Please make a
> subscriber who has a complicated question supply a f*ing url.
> thank you.

Hallelujah!

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Re: HTML Table Question

am 11.01.2008 01:42:10 von dorayme

In article
m>,
Travis Newbury wrote:

> On Jan 10, 7:13 pm, dorayme wrote:
> > Excuse me while I pray:
> > Dearest God Almighty, greatest of all HTML authors, Please make a
> > subscriber who has a complicated question supply a f*ing url.
> > thank you.
>
> Whats a flying url?

I reckon this is a trick question.

--
dorayme

Re: HTML Table Question

am 11.01.2008 01:53:40 von lws4art

NvrBst wrote:

> Hehe sorry don't have a URL yet...

Well you can upload an example. Use your ISP's personal webspace or some
free server...

I was able to acomplish what I
> want by seperating column 1 and column 2 into 2 seperate tables and
> then putting both tables into a new table. If someone has a more
> elegant solution please tell. Below is how my solution looks like in
> code form if it helps
>
>


>
>
*Menu*
> table>
>
*Data1*
*Data2*

>
>
> Using 3 tables isn't that elegant though... This is what I'd like it
> to look like, what it was before (In code form)
>
>
>
>
>
>
>
>
*Menu**Data1*
*Data2*

>
> What doesn't work in the this way is the "vertical-align:justify;"
> line. I've tried setting the cells above it to "height: auto;" (which
> is suppose to give it the min size they can be) and then leaving the
> last cell with no height set but that didn't work either.


1) There is no value "justify" for property "vertical-align". Valid values:

baseline | sub | super | top | text-top | middle | bottom | text-bottom
| | | inherit


Anyway if you wish to duplicate your three table layout with one, then
you need colspan 2 not 3




*Menu**Data1*
*Data2*



--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Re: HTML Table Question

am 11.01.2008 02:12:17 von dorayme

In article
>,
NvrBst wrote:

> On Jan 10, 4:13 pm, dorayme:

> > Excuse me while I pray:
> >
>
> Hehe sorry don't have a URL yet... I was able to acomplish what I
> want by seperating column 1 and column 2 into 2 seperate tables and
> then putting both tables into a new table. If someone has a more
> elegant solution please tell. Below is how my solution looks like in
> code form if it helps
>
>


>
>
*Menu*
> table>
>
*Data1*
*Data2*

>
>
> Using 3 tables isn't that elegant though... This is what I'd like it
> to look like, what it was before (In code form)
>
>
>
>
>
>
>
>
*Menu**Data1*
*Data2*

>
> What doesn't work in the this way is the "vertical-align:justify;"
> line. I've tried setting the cells above it to "height: auto;" (which
> is suppose to give it the min size they can be) and then leaving the
> last cell with no height set but that didn't work either.
>

This the sort of thing you want:

"http://www.w3.org/TR/html4/strict.dtd">



test










Menu



  • menu item

  • menu item

  • menu item

  • menu item

  • menu item

  • menu item

  • menu item

  • menu item


*Data1*
*Data2*





?

I don't see why I should be the sucker all the time who supplies
the urls

--
dorayme

Re: HTML Table Question

am 11.01.2008 02:19:04 von NvrBst

On Jan 10, 4:53=A0pm, "Jonathan N. Little"
wrote:
> NvrBst wrote:
> > Hehe sorry don't have a URL yet... =A0
>
> Well you can upload an example. Use your ISP's personal webspace or some
> free server...
>
> I was able to acomplish what I
>
>
>
>
>
> > want by seperating column 1 and column 2 into 2 seperate tables and
> > then putting both tables into a new table. =A0If someone has a more
> > elegant solution please tell. =A0Below is how my solution looks like in
> > code form if it helps
>
> >


> >
> >
=A0
*Menu*
=A0
=A0 > > table> =A0
> >
*Data1*
*Data2*

>
> > Using 3 tables isn't that elegant though... =A0This is what I'd like it
> > to look like, what it was before (In code form)
> >
> >
> >
> >
> >
> >
> >
> >
*Menu**Data1*
*Data2*

>
> > What doesn't work in the this way is the "vertical-align:justify;"
> > line. =A0I've tried setting the cells above it to "height: auto;" (which=

> > is suppose to give it the min size they can be) and then leaving the
> > last cell with no height set but that didn't work either.
>
> 1) There is no value "justify" for property "vertical-align". Valid values=
:
>
> baseline | sub | super | top | text-top | middle | bottom | text-bottom
> | | | inherit
>
> Anyway if you wish to duplicate your three table layout with one, then
> you need colspan 2 not 3
>
>
>
>
>
*Menu**Data1*
*Data2*

>
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com- Hide quoted text -
>
> - Show quoted text -


The Example I gave above was this though (So I think I'd need
rowspan=3D3).




*Menu* *Data1*
*Data2*


I need the "vertial-align:justify;" cell so that vertical stretching
doesn't occur in the *Data1* and *Data2* cells. I know there is no
justify for vertical alignment but I stated it because that is the
kind of effect I need.

If I use your example (using rowspan=3D2) then I'd have the problem (as
labled in the inital post) of *Data2* cell being stretched when *Data1*
+*Data2* height is less than *Menu*

NB

Re: HTML Table Question

am 11.01.2008 02:47:06 von lws4art

NvrBst wrote:

> I need the "vertial-align:justify;" cell so that vertical stretching
> doesn't occur in the *Data1* and *Data2* cells. I know there is no
> justify for vertical alignment but I stated it because that is the
> kind of effect I need.
>
> If I use your example (using rowspan=2) then I'd have the problem (as
> labled in the inital post) of *Data2* cell being stretched when *Data1*
> +*Data2* height is less than *Menu*

Maybe what the real problem is that you are using a table for layout
when you should be using something else. If you rowspan the left column
cell and the right column you add data that expand the cells vertically
it is "natural" table behavior for the left column rowspan'ed cell to
also expand vertically

Now looking into my crystal ball I see that the left cell you put the
word "menu" so chances are you have a *list* of menu items. If it a list
you should use a list! If you want it side by side with your data then
float it left. Google "2 column css layout template"

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Re: HTML Table Question

am 11.01.2008 03:34:22 von NvrBst

On Jan 10, 5:47=A0pm, "Jonathan N. Little"
wrote:
> NvrBst wrote:
> > I need the "vertial-align:justify;" cell so that vertical stretching
> > doesn't occur in the *Data1* and *Data2* cells. =A0I know there is no
> > justify for vertical alignment but I stated it because that is the
> > kind of effect I need.
>
> > If I use your example (using rowspan=3D2) then I'd have the problem (as
> > labled in the inital post) of *Data2* cell being stretched when *Data1*
> > +*Data2* height is less than *Menu*
>
> Maybe what the real problem is that you are using a table for layout
> when you should be using something else. If you rowspan the left column
> cell and the right column you add data that expand the cells vertically
> it is "natural" table behavior for the left column rowspan'ed cell to
> also expand vertically
>
> Now looking into my crystal ball I see that the left cell you put the
> word "menu" so chances are you have a *list* of menu items. If it a list
> you should use a list! If you want it side by side with your data then
> float it left. Google "2 column css layout template"
>
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com

Ahh, something tables can't do? Okay :) CSS approach looks like its
the same thing as the table approach though (except using 3 DIV's
instead of 3 TABLE's). Maybe DIV has performance improvments? I'll
look into it a bit.

Thanks

NB

Re: HTML Table Question

am 11.01.2008 03:39:30 von NvrBst

On Jan 10, 6:34=A0pm, NvrBst wrote:
> On Jan 10, 5:47=A0pm, "Jonathan N. Little"
> wrote:
>
>
>
>
>
> > NvrBst wrote:
> > > I need the "vertial-align:justify;" cell so that vertical stretching
> > > doesn't occur in the *Data1* and *Data2* cells. =A0I know there is no
> > > justify for vertical alignment but I stated it because that is the
> > > kind of effect I need.
>
> > > If I use your example (using rowspan=3D2) then I'd have the problem (a=
s
> > > labled in the inital post) of *Data2* cell being stretched when *Data1=
*
> > > +*Data2* height is less than *Menu*
>
> > Maybe what the real problem is that you are using a table for layout
> > when you should be using something else. If you rowspan the left column
> > cell and the right column you add data that expand the cells vertically
> > it is "natural" table behavior for the left column rowspan'ed cell to
> > also expand vertically
>
> > Now looking into my crystal ball I see that the left cell you put the
> > word "menu" so chances are you have a *list* of menu items. If it a list=

> > you should use a list! If you want it side by side with your data then
> > float it left. Google "2 column css layout template"
>
> > --
> > Take care,
>
> > Jonathan
> > -------------------
> > LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com
>
> Ahh, something tables can't do? =A0Okay :) =A0CSS approach looks like its
> the same thing as the table approach though (except using 3 DIV's
> instead of 3 TABLE's). =A0Maybe DIV has performance improvments? =A0I'll
> look into it a bit.
>
> Thanks
>
> NB- Hide quoted text -
>
> - Show quoted text -

Oww you weren't suggesting 3 DIV's. What I have is a "asp:Menu" and a
"asp:ContentPlaceHolder" (in a master file). You were suggesting
applying the CSS styles directly to those. I see now, that should
work I think. I'll try it tomorrow when I get back.

Thanks :)

NB

Re: HTML Table Question

am 11.01.2008 11:21:29 von TravisNewbury

On Jan 10, 7:42 pm, dorayme wrote:
> > > Dearest God Almighty, greatest of all HTML authors, Please make a
> > > subscriber who has a complicated question supply a f*ing url.
> > > thank you.
> > Whats a flying url?
> I reckon this is a trick question.

I was just filling in the " * "

Re: HTML Table Question

am 11.01.2008 11:52:04 von Sid Ismail

On Fri, 11 Jan 2008 11:13:56 +1100, dorayme
wrote:

: Dearest God Almighty, greatest of all HTML authors, Please make a
: subscriber who has a complicated question supply a f*ing url.
: thank you.


Amen to that.

Sid

Re: HTML Table Question

am 11.01.2008 19:57:50 von NvrBst

On Jan 11, 2:52=A0am, Sid wrote:
> On Fri, 11 Jan 2008 11:13:56 +1100, dorayme
>
> wrote:
>
> : Dearest God Almighty, greatest of all HTML authors, Please make a
> : subscriber who has a complicated question supply a f*ing url.
> : thank you.
>
> Amen to that.
>
> Sid

LOL you all act like this is the most complicated question ever...
The first post was 5 sentances with ASCII art! ASCII art is worth
1000 URL links! hehe

Applying the CSS style to the asp:Menu object with the
"float:left;" (Didn't know CSS has a property like this, thanks) works
exactly like I wanted it :) I still had to put *Data1* / *Data2* into
a table (*Data2* needs a background and boarder so it had to be in a
table, I think).

I think jona just mixed up when you were typing (the example you gave
was backwards IE: if left column is rowspaned and a cell in right
column gets lots of data then its not "natural" for left column to
expand... its impossbles for it not too). I do find it slightly
"unnatural" that when the left rowspaned column gets lots of data that
I'm unable to tell which cell is to expand in the right column. I'd
expect all the cells to expand equally, or by default the last cell
only; but what was happening in IE7 was the 1st cell only was
expanding and the last 2 just had their "auto" height. I wanted 3rd
cell in the right column expanding and the first 2 to have the "auto"
height :P

But with the CSS its the way I want it, and more elegant to boot :)
Thank you all for you help.

NB

Re: HTML Table Question

am 11.01.2008 20:28:13 von lws4art

NvrBst wrote:

> LOL you all act like this is the most complicated question ever...
> The first post was 5 sentances with ASCII art! ASCII art is worth
> 1000 URL links! hehe

No, actually seen the source in situ is worth a 100,000 ASCII art
postings. There we see what the OP actually did not what they think they
did. Also we see how the server's part that may be at play.

>
> Applying the CSS style to the asp:Menu object with the
> "float:left;"

Whatever asp:Menu object is, what we need is the output HTML that is way
a URL is important. It would be like try to guess the problem of a PHP
object... $myObject->menu() what is important is resultant outputted HTML


> (Didn't know CSS has a property like this, thanks) works
> exactly like I wanted it :)

Maybe http://www.w3.org/TR/CSS21/propidx.html might assist you.

> I still had to put *Data1* / *Data2* into
> a table (*Data2* needs a background and boarder so it had to be in a
> table, I think).

No, not necessarily. You can style other block elements with backgrounds
and borders. If the "data" is tabular in nature then use a TABLE. If
paragraphs then P, is a list then UL or OL, else DIV might apply.
>
> I think jona just mixed up when you were typing (the example you gave
> was backwards IE: if left column is rowspaned and a cell in right
> column gets lots of data then its not "natural" for left column to
> expand... its impossbles for it not too). I do find it slightly
> "unnatural" that when the left rowspaned column gets lots of data that
> I'm unable to tell which cell is to expand in the right column. I'd
> expect all the cells to expand equally, or by default the last cell
> only; but what was happening in IE7 was the 1st cell only was
> expanding and the last 2 just had their "auto" height. I wanted 3rd
> cell in the right column expanding and the first 2 to have the "auto"
> height :P

No, if you have




A1B1
B2



+----+----+
| | B1 |
| A1 |----+
| | B2 |
+----+----+

If you add data to B1 and|or B2 that expands the height of the table,
the rowspan'ed A1 must expand to the combined height of the cells B1 +
B2 even if A1 have very little content. That is how a table works.
However if A1 is a floated block element then

+----+----+
| A1 | B1 |
|----+ |
| |
+---------+
| B2 |
+---------+

or

+----+----+
| A1 | B1 |
|----+ |
| |
+----+
| B2 |
+----+

can be accomplish.

>
> But with the CSS its the way I want it, and more elegant to boot :)
> Thank you all for you help.

True in many cases.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Re: HTML Table Question

am 11.01.2008 21:12:14 von dorayme

In article
<6e09366e-30fd-4e88-9bec-067a2ff5a8b6@m34g2000hsf.googlegroups.co
m>,
Travis Newbury wrote:

> On Jan 10, 7:42 pm, dorayme wrote:
> > > > Dearest God Almighty, greatest of all HTML authors, Please make a
> > > > subscriber who has a complicated question supply a f*ing url.
> > > > thank you.
> > > Whats a flying url?
> > I reckon this is a trick question.
>
> I was just filling in the " * "

I still think it is a trick.

--
dorayme

Re: HTML Table Question

am 11.01.2008 23:17:46 von NvrBst

On Jan 11, 11:28=A0am, "Jonathan N. Little"
wrote:
> NvrBst wrote:
> > LOL you all act like this is the most complicated question ever...
> > The first post was 5 sentances with ASCII art! =A0ASCII art is worth
> > 1000 URL links! hehe
>
> No, actually seen the source in situ is worth a 100,000 ASCII art
> postings. There we see what the OP actually did not what they think they
> did. Also we see how the server's part that may be at play.
>
>
>
> > Applying the CSS style to the asp:Menu object with the
> > "float:left;"
>
> Whatever asp:Menu object is, what we need is the output HTML that is way
> a URL is important. It would be like try to guess the problem of a PHP
> object... $myObject->menu() what is important is resultant outputted HTML
>
> > (Didn't know CSS has a property like this, thanks) works
> > exactly like I wanted it :) =A0
>
> Maybehttp://www.w3.org/TR/CSS21/propidx.htmlmight assist you.
>
> > I still had to put *Data1* / *Data2* into
> > a table (*Data2* needs a background and boarder so it had to be in a
> > table, I think).
>
> No, not necessarily. You can style other block elements with backgrounds
> and borders. If the "data" is tabular in nature then use a TABLE. If
> paragraphs then P, is a list then UL or OL, else DIV might apply.
>
>
>
> > I think jona just mixed up when you were typing (the example you gave
> > was backwards IE: if left column is rowspaned and a cell in right
> > column gets lots of data then its not "natural" for left column to
> > expand... its impossbles for it not too). =A0I do find it slightly
> > "unnatural" that when the left rowspaned column gets lots of data that
> > I'm unable to tell which cell is to expand in the right column. =A0I'd
> > expect all the cells to expand equally, or by default the last cell
> > only; but what was happening in IE7 was the 1st cell only was
> > expanding and the last 2 just had their "auto" height. =A0I wanted 3rd
> > cell in the right column expanding and the first 2 to have the "auto"
> > height :P
>
> No, if you have
>
>


>
>
>
A1B1
B2

>
> +----+----+
> | =A0 =A0| B1 |
> | A1 |----+
> | =A0 =A0| B2 |
> +----+----+
>
> If you add data to B1 and|or B2 that expands the height of the table,
> the rowspan'ed A1 must expand to the combined height of the cells B1 +
> B2 even if A1 have very little content. That is how a table works.
> However if A1 is a floated block element then
>
> +----+----+
> | A1 | B1 |
> |----+ =A0 =A0|
> | =A0 =A0 =A0 =A0 |
> +---------+
> | =A0 B2 =A0 =A0|
> +---------+
>
> or
>
> +----+----+
> | A1 | B1 |
> |----+ =A0 =A0|
> =A0 =A0 =A0 | =A0 =A0|
> =A0 =A0 =A0 +----+
> =A0 =A0 =A0 | B2 |
> =A0 =A0 =A0 +----+
>
> can be accomplish.
>
>
>
> > But with the CSS its the way I want it, and more elegant to boot :)
> > Thank you all for you help.
>
> True in many cases.
>
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com

Ahh two more questions. Your "Scenario C" was very simular to what I
wanted... For future reference, how would you accomplish this with a
2x2 table? All Cells are simply fitting their data (height wise).
+----+----+
| A1 | B1 |
| +----+
| | B2 |
| +----+
| |
+----+

But it looks like this if B1 contains is lots of data
+----+----+
| A1 | B1 |
| | |
| | |
| | |
| | |
+----+ |
| |
+----+
| B2 |
+----+


And my 2nd question, nothing to do with above; Is there a CSS Property
that would tell the object not to wrap to the next line. Right now I
have

*Data1* td>
*Data2*


Problem is when the window shirnks the table wraps down under the menu
- I want it to just make a vertical scrollbar instead of wrapping.
Way I'm thinking is ???=3D"position:absolute; margin-left:180px;". I
don't like setting margin-left:180px since it has to be updated each
time the font of the menu changes.

Thanks
NB

Re: HTML Table Question

am 12.01.2008 00:10:24 von lws4art

NvrBst wrote:

> And my 2nd question, nothing to do with above; Is there a CSS Property
> that would tell the object not to wrap to the next line. Right now I
> have
>
>

*Data1* ^^^^^^^^
Still have no idea what HTML this "asp:Menu" represents, if you are
*not* going to supply a URL then at least insert what the ASP output
would be...

> td>
*Data2*

>
> Problem is when the window shirnks the table wraps down under the menu

Yep that what floats do when blocks don't fit!

> - I want it to just make a vertical scrollbar instead of wrapping.
> Way I'm thinking is ???="position:absolute; margin-left:180px;". I
> don't like setting margin-left:180px since it has to be updated each
> time the font of the menu changes.

#1 defining *text* blocks in "px" pixels is a *bad* idea. If user has a
different font size (and yes they can do that and you cannot prevent
them) then the text will not fit within your containers and the design
will break. I should use "em" that is proportion to the font used.

#2 "position:absolute" also a bad idea especially for novices that do
not know how to use it properly. Can screw up printing your page...

One way is to set the min-width of your container. Now <=IE6 will not
support "min-width" and there are some workarounds that you can Google
for, or say "screw it!" Works in "real" modern web browsers and now in
IE7 and maybe soon we can "adieu!" to IE6 and it's younger siblings
(Can't wait for IE7's passing too)

"http://www.w3.org/TR/html4/strict.dtd">





Use min-width







































RowValue AValue B
0A0B0
1A1B1
2A2B2
3A3B3
4A4B4
5A5B5
6A6B6
7A7B7
8A8B8
9A9B9
10A10B10
11A11B11
12A12B12
13A13B13
14A14B14
15A15B15
16A16B16
17A17B17
18A18B18
19A19B19
20A20B20
21A21B21
22A22B22
23A23B23
24A24B24
25A25B25
26A26B26
27A27B27
28A28B28
29A29B29






--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Re: HTML Table Question

am 12.01.2008 01:02:17 von NvrBst

Ahh. Problem with the min-width would be my that it creates a vertical
scroll (size of the largest width in *Data1*), when 99% of the time
*Data1* is small -> would have to set it dynamically each time the
data in *Data1* changes so that the scroll bar doesn't appear when its
not needed (more work than its worth).

The 3 table method, or the position absolute both work though so I'll
fiddle around with those.

Thanks NB

Re: HTML Table Question

am 12.01.2008 01:26:02 von lws4art

NvrBst wrote:
> Ahh. Problem with the min-width would be my that it creates a vertical
> scroll (size of the largest width in *Data1*), when 99% of the time
> *Data1* is small -> would have to set it dynamically each time the
> data in *Data1* changes so that the scroll bar doesn't appear when its
> not needed (more work than its worth).

Why would a *vertical* scroll be created to the *width* of anything?!
From what you say and the meager scraps of what you show it seems that
you have no idea what you are doing...
>
> The 3 table method, or the position absolute both work though so I'll
> fiddle around with those.

So I would say, most likely you are wrong and it *can* be done, but
since you are adamantly against providing a URL to what you are *trying*
to do...well good luck with that!

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Re: HTML Table Question

am 12.01.2008 02:15:46 von NvrBst

On Jan 11, 4:26=A0pm, "Jonathan N. Little"
wrote:
> NvrBst wrote:
> > Ahh. Problem with the min-width would be my that it creates a vertical
> > scroll (size of the largest width in *Data1*), when 99% of the time
> > *Data1* is small -> would have to set it dynamically each time the
> > data in *Data1* changes so that the scroll bar doesn't appear when its
> > not needed (more work than its worth).
>
> Why would a *vertical* scroll be created to the *width* of anything?!
> =A0From what you say and the meager scraps of what you show it seems that
> you have no idea what you are doing...
>
>
>
> > The 3 table method, or the position absolute both work though so I'll
> > fiddle around with those.
>
> So I would say, most likely you are wrong and it *can* be done, but
> since you are adamantly against providing a URL to what you are *trying*
> =A0 to do...well good luck with that!
>
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com

LOL Typo. Horizontal Scroll Bar. If you want to see it yourself set
the min-width to 200em and you'll see the scroll bar.

Re: HTML Table Question

am 12.01.2008 02:31:49 von lws4art

NvrBst wrote:
> On Jan 11, 4:26 pm, "Jonathan N. Little"
> wrote:
>> NvrBst wrote:
>>> Ahh. Problem with the min-width would be my that it creates a vertical
>>> scroll (size of the largest width in *Data1*), when 99% of the time
>>> *Data1* is small -> would have to set it dynamically each time the
>>> data in *Data1* changes so that the scroll bar doesn't appear when its
>>> not needed (more work than its worth).
>> Why would a *vertical* scroll be created to the *width* of anything?!
>> From what you say and the meager scraps of what you show it seems that
>> you have no idea what you are doing...
>>
>>
>>
>>> The 3 table method, or the position absolute both work though so I'll
>>> fiddle around with those.
>> So I would say, most likely you are wrong and it *can* be done, but
>> since you are adamantly against providing a URL to what you are *trying*
>> to do...well good luck with that!

> LOL Typo. Horizontal Scroll Bar. If you want to see it yourself set
> the min-width to 200em and you'll see the scroll bar.

Of course! 200em is *extremely* wide! About 400 characters! Make is
smaller as I said in the comment in the CSS