Hello Everyone,

I have a series of two column tables that is causing me a problem. The
space between column 1 and 2 seems to vary by a small amount from one table
to the next.

For example, the space between the first and second columns changes like
this: Address: <space> 222 North B Street. You can see this at
http://www.usernomics.com/ergonomic-...keyboards.html .

I placed the CSS and HTML below.

Can anyone see why this might be happening?

Thanks a lot,

Bob



___

CSS:

table.products th{ /* Products Table */
text-align: left;
}

#middle table.products td{
vertical-align: top;
}

table.products{
margin-bottom: 25px;
}

..mycol1{ /* Products Table Column Width */
width: 10%;
}
..mycol2{
width: 75%;
}


HTML:


<table class="products" summary="Contact information for Ability
Technologies" border=0>
<tr valign="top"><th colspan="2">Ability Technologies </th></tr>
<tr valign="top"><td class="mycol1">Address:</td><td>Box 44, 145 Sydney
Road, Fairlight NSW 2094, Australia </td></tr>
<tr valign="top"><td>Phone:</td><td>(02) 9907 9736 </td></tr>
<tr valign="top"><td>Fax:</td><td>(02) 9907 9599 </td></tr>
<tr valign="top"><td>Website:</td><td>
<a href="http://www.abilitycorp.com.au">http://www.abilitycorp.com.au
</a></td></tr>
<tr valign="top"><td>Email:</td><td><a
href="mailto:graeme@abilitycorp.com.au">graeme@abi litycorp.com.au
</a></td></tr>
<tr valign="top"><td colspan="2"><p>Ability assists people with disabilities
to obtain maximum benefits from modern computer technology.
Their products include keyboards and pointing devices. </p></td></tr>
</table>

On Sun, 03 Oct 2004 18:40:04 GMT, wrote:
[color=blue]
> Hello Everyone,
>
> I have a series of two column tables that is causing me a problem. The
> space between column 1 and 2 seems to vary by a small amount from one
> table
> to the next.
>
> For example, the space between the first and second columns changes like
> this: Address: <space> 222 North B Street. You can see this at
> http://www.usernomics.com/ergonomic-...keyboards.html .
>[/color]
Try setting a width to the table cells.

Bob wrote:[color=blue]
>
> I have a series of two column tables that is causing me a problem. The
> space between column 1 and 2 seems to vary by a small amount from one table
> to the next.
>
> For example, the space between the first and second columns changes like
> this: Address: <space> 222 North B Street. You can see this at
> http://www.usernomics.com/ergonomic-...keyboards.html .
>[/color]
Um, no, I do not see any of that.
The URL shows *three* columns, not two, and "North B Street" is nowhere
to be found.
[color=blue]
> I placed the CSS and HTML below.
>[/color]
Useless.
The <http://www.usernomics.com/main.css> abounds with errors. Fix the
validation problems first.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

"jmm-list-gn" <jmm-list.AXSPAMGN@sohnen-moe.com> wrote in message
news:Fu-dnTAbv7-fwP3cRVn-uQ@giganews.com...[color=blue]
> Bob wrote:[color=green]
> >
> > I have a series of two column tables that is causing me a problem. The
> > space between column 1 and 2 seems to vary by a small amount from one[/color][/color]
table[color=blue][color=green]
> > to the next.
> >
> > For example, the space between the first and second columns changes like
> > this: Address: <space> 222 North B Street. You can see this at
> > http://www.usernomics.com/ergonomic-...keyboards.html .
> >[/color]
> Um, no, I do not see any of that.
> The URL shows *three* columns, not two, and "North B Street" is nowhere
> to be found.
>[color=green]
> > I placed the CSS and HTML below.
> >[/color]
> Useless.
> The <http://www.usernomics.com/main.css> abounds with errors. Fix the
> validation problems first.
>
> --
> jmm dash list (at) sohnen-moe (dot) com
> (Remove .AXSPAMGN for email)[/color]

Hello,

I was using the North B Street as an example. Sorry. Here is the actual text
in IE:

It is the space between Address: and Box 44, 145 etc. etc.


Ability Technologies
Address: Box 44, 145 Sydney Road, Fairlight NSW 2094, Australia
Phone: (02) 9907 9736
Fax: (02) 9907 9599
Website: http://www.abilitycorp.com.au
Email: graeme@abilitycorp.com.au
Ability assists people with disabilities to obtain maximum benefits
from modern computer technology. Their products include keyboards and
pointing devices.


Acer America Corporation
Address: 2641 Orchard Parkway, San Jose, CA 95134
Phone: 800.733.2237 or 408.432.6200
Fax: 408.922.2933
Website: http://www.blvd.com/appliedlearning/
Email: webmaster@acer.com
Acer Future Keyboard.




Thanks,

Bob

"Bob" <ergobob@sonic[no spam].net> wrote in message news:Jd_7d.16150$54.255256@typhoon.sonic.net...[color=blue]
>
> "jmm-list-gn" <jmm-list.AXSPAMGN@sohnen-moe.com> wrote in message
> news:Fu-dnTAbv7-fwP3cRVn-uQ@giganews.com...[color=green]
> > Bob wrote:[color=darkred]
> > >
> > > I have a series of two column tables that is causing me a problem. The
> > > space between column 1 and 2 seems to vary by a small amount from one[/color][/color]
> table[color=green][color=darkred]
> > > to the next.
> > >
> > > For example, the space between the first and second columns changes like
> > > this: Address: <space> 222 North B Street. You can see this at
> > > http://www.usernomics.com/ergonomic-...keyboards.html .
> > >[/color]
> > Um, no, I do not see any of that.
> > The URL shows *three* columns, not two, and "North B Street" is nowhere
> > to be found.
> >[color=darkred]
> > > I placed the CSS and HTML below.
> > >[/color]
> > Useless.
> > The <http://www.usernomics.com/main.css> abounds with errors. Fix the
> > validation problems first.
> >
> > --
> > jmm dash list (at) sohnen-moe (dot) com
> > (Remove .AXSPAMGN for email)[/color]
>
> Hello,
>
> I was using the North B Street as an example. Sorry. Here is the actual text
> in IE:
>
> It is the space between Address: and Box 44, 145 etc. etc.
>
>
> Ability Technologies
> Address: Box 44, 145 Sydney Road, Fairlight NSW 2094, Australia
> Phone: (02) 9907 9736
> Fax: (02) 9907 9599
> Website: http://www.abilitycorp.com.au
> Email: graeme@abilitycorp.com.au
> Ability assists people with disabilities to obtain maximum benefits
> from modern computer technology. Their products include keyboards and
> pointing devices.
>
>
> Acer America Corporation
> Address: 2641 Orchard Parkway, San Jose, CA 95134
> Phone: 800.733.2237 or 408.432.6200
> Fax: 408.922.2933
> Website: http://www.blvd.com/appliedlearning/
> Email: webmaster@acer.com
> Acer Future Keyboard.
>
>
>
>
> Thanks,
>
> Bob
> [/color]

Sorry, the plain text did not show the problem. Let me try again. See the difference in space between the two columns when looking at the two companies?

Thanks,

Bob



Ability Technologies
Address: Box 44, 145 Sydney Road, Fairlight NSW 2094, Australia
Phone: (02) 9907 9736
Fax: (02) 9907 9599
Website: http://www.abilitycorp.com.au
Email: graeme@abilitycorp.com.au
Ability assists people with disabilities to obtain maximum benefits from modern computer technology. Their products include keyboards and pointing devices.

Acer America Corporation
Address: 2641 Orchard Parkway, San Jose, CA 95134
Phone: 800.733.2237 or 408.432.6200
Fax: 408.922.2933
Website: http://www.blvd.com/appliedlearning/
Email: webmaster@acer.com
Acer Future Keyboard.


[color=blue]
>[/color]

Bob wrote:[color=blue]
>
> I was using the North B Street as an example. Sorry. Here is the actual text
> in IE:
>
> It is the space between Address: and Box 44, 145 etc. etc.
>[/color]
Ah. As Neal mentioned, use the width property on the first column to
set the minimum width for each table. It could be a TD property, or a CSS
property.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

"jmm-list-gn" <jmm-list.AXSPAMGN@sohnen-moe.com> wrote in message
news:b82dnev5p7HQBP3cRVn-iA@giganews.com...[color=blue]
> Bob wrote:[color=green]
> >
> > I was using the North B Street as an example. Sorry. Here is the actual[/color][/color]
text[color=blue][color=green]
> > in IE:
> >
> > It is the space between Address: and Box 44, 145 etc. etc.
> >[/color]
> Ah. As Neal mentioned, use the width property on the first column to
> set the minimum width for each table. It could be a TD property, or a CSS
> property.
>
> --
> jmm dash list (at) sohnen-moe (dot) com
> (Remove .AXSPAMGN for email)[/color]

Hi Again,

I am new to CSS and I thought I did that. Is there a fix for this CSS that I
am missing? I tried naming col1 and col2 but that did not work so I tried to
name the first column only. The CSS and html is below.

Thanks a lot,

Bob


table.products th{ /* Products Table */
text-align: left;
}

#middle table.products td{
vertical-align: top;
}

table.products{
margin-bottom: 25px;
}

..mycol1{ /* Products Table Column Width */
width: 10%;
}
..mycol2{
width: 75%;
}

<table class="products" summary="Contact information for 1Ergonomics"
border=0>
<tr valign="top"><th colspan="2">1Ergonomics</th></tr>
<tr valign="top"><td class="mycol1">Address:</td><td>4400 Danhil Drive,
Brownwood, TX, 76801</td></tr>
<tr valign="top"><td>Phone:</td><td>800-646-5346</td></tr>
<tr valign="top"><td>Website:</td><td><a
href="http://1ergonomics.com">http://1ergonomics.com</a></td></tr>
<tr valign="top"><td>Email:</td><td><a
href="mailto:sales@1ergonomics.com">sales@1ergonom ics.com</a></td></tr>
<tr valign="top"><td colspan="2"><p>A wide variety of ergonomic safety
products for the workplace. Specializing in back supports,
wrist supports, knee pads, impact gloves, anti-vibration lifting gloves and
more.</p></td></tr>
</table>

Bob wrote:[color=blue]
>
> I am new to CSS and I thought I did that. Is there a fix for this CSS that I
> am missing? I tried naming col1 and col2 but that did not work so I tried to
> name the first column only. The CSS and html is below.
>[/color]
It works as expected here with Mozilla v.1.7.3. I change 10% to 20% and
the column gets wider.
What browser are you using? Have you validated you HTML? CSS?

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

"jmm-list-gn" <jmm-list.AXSPAMGN@sohnen-moe.com> wrote in message
news:0K6dnWGeWLrjCPzcRVn-hQ@giganews.com...[color=blue]
> Bob wrote:[color=green]
> >
> > I am new to CSS and I thought I did that. Is there a fix for this CSS[/color][/color]
that I[color=blue][color=green]
> > am missing? I tried naming col1 and col2 but that did not work so I[/color][/color]
tried to[color=blue][color=green]
> > name the first column only. The CSS and html is below.
> >[/color]
> It works as expected here with Mozilla v.1.7.3. I change 10% to 20% and
> the column gets wider.
> What browser are you using? Have you validated you HTML? CSS?
>
> --
> jmm dash list (at) sohnen-moe (dot) com
> (Remove .AXSPAMGN for email)[/color]


Hello Again,

Yes, both the html and CSS validate. I get the same effect in IE, Opera, and
Mozilla.

However, I just discovered the source of the problem. When the last sentence
that covers two columns is short, I get one spacing and when the last
sentence is long, I get a different spacing for the whole Column 1. This is
true if I set it to 10% or 20%.

If you take the example below and just add words to the last sentence, you
will see the difference in column spacing.

Can you see why this might occur?

Thanks a lot,

Bob

__

Short Description in last line:

<table class="products" summary="Contact information for AKP, Inc."
border=0>
<tr valign="top"><th colspan="2">AKP, Inc.</th></tr>
<tr valign="top"><td class="mycol1">Address:</td><td>PO Box 66773, St. Pete
Beach, FL, 33736</td></tr>
<tr valign="top"><td>Phone:</td><td>(813) 526-6278</td></tr>
<tr valign="top"><td>Website:</td><td><a
href="http://www.akp-inc.com/">http://www.akp-inc.com/</a></td></tr>
<tr valign="top"><td>Email:</td><td><a
href="mailto:info@akp-inc.com">info@akp-inc.com</a></td></tr>
<tr valign="top"><td colspan="2"><p>High quality, exceptionally effective
keyboard or laptop support.</p></td></tr>
</table>

Long Description in last line:

<table class="products" summary="Contact information for AKP, Inc."
border=0>
<tr valign="top"><th colspan="2">AKP, Inc.</th></tr>
<tr valign="top"><td class="mycol1">Address:</td><td>PO Box 66773, St. Pete
Beach, FL, 33736</td></tr>
<tr valign="top"><td>Phone:</td><td>(813) 526-6278</td></tr>
<tr valign="top"><td>Website:</td><td><a
href="http://www.akp-inc.com/">http://www.akp-inc.com/</a></td></tr>
<tr valign="top"><td>Email:</td><td><a
href="mailto:info@akp-inc.com">info@akp-inc.com</a></td></tr>
<tr valign="top"><td colspan="2"><p>High quality, exceptionally effective
keyboard or laptop support. This is an added test to show how the column
width changes when the sentence length is long like this.</p></td></tr>
</table>

Bob wrote:[color=blue]
>
> Yes, both the html and CSS validate. I get the same effect in IE, Opera, and
> Mozilla.
>
> However, I just discovered the source of the problem. When the last sentence
> that covers two columns is short, I get one spacing and when the last
> sentence is long, I get a different spacing for the whole Column 1. This is
> true if I set it to 10% or 20%.
>[/color]
Set the table width to 100%.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

"jmm-list-gn" <jmm-list.AXSPAMGN@sohnen-moe.com> wrote in message
news:bOKdnXu3vKl5ff_cRVn-rA@giganews.com...[color=blue]
> Bob wrote:[color=green]
> >
> > Yes, both the html and CSS validate. I get the same effect in IE, Opera,[/color][/color]
and[color=blue][color=green]
> > Mozilla.
> >
> > However, I just discovered the source of the problem. When the last[/color][/color]
sentence[color=blue][color=green]
> > that covers two columns is short, I get one spacing and when the last
> > sentence is long, I get a different spacing for the whole Column 1. This[/color][/color]
is[color=blue][color=green]
> > true if I set it to 10% or 20%.
> >[/color]
> Set the table width to 100%.
>
> --
> jmm dash list (at) sohnen-moe (dot) com
> (Remove .AXSPAMGN for email)[/color]

Hello,

I hate to say it but I am not sure where to set the table to 100%. The CSS
just defines the column width. How do you specify the table width?

Thanks,

Bob

*Bob* skrev 2004-10-05 20:50:
[color=blue]
> "jmm-list-gn" <jmm-list.AXSPAMGN@sohnen-moe.com> wrote in message
> news:bOKdnXu3vKl5ff_cRVn-rA@giganews.com...[color=green]
>> Bob wrote:[color=darkred]
>> >
>> > Yes, both the html and CSS validate. I get the same effect in IE, Opera,[/color][/color]
> and[color=green][color=darkred]
>> > Mozilla.
>> >
>> > However, I just discovered the source of the problem. When the last[/color][/color]
> sentence[color=green][color=darkred]
>> > that covers two columns is short, I get one spacing and when the last
>> > sentence is long, I get a different spacing for the whole Column 1. This[/color][/color]
> is[color=green][color=darkred]
>> > true if I set it to 10% or 20%.
>> >[/color]
>> Set the table width to 100%.
>>
>> --
>> jmm dash list (at) sohnen-moe (dot) com
>> (Remove .AXSPAMGN for email)[/color]
>
> Hello,
>
> I hate to say it but I am not sure where to set the table to 100%. The CSS
> just defines the column width. How do you specify the table width?
>[/color]

table {width:100%;}

--
/Arne

"Arne" <arne@luras.nu> wrote in message
news:grC8d.105156$dP1.388473@newsc.telia.net...[color=blue]
> *Bob* skrev 2004-10-05 20:50:
>[color=green]
> > "jmm-list-gn" <jmm-list.AXSPAMGN@sohnen-moe.com> wrote in message
> > news:bOKdnXu3vKl5ff_cRVn-rA@giganews.com...[color=darkred]
> >> Bob wrote:
> >> >
> >> > Yes, both the html and CSS validate. I get the same effect in IE,[/color][/color][/color]
Opera,[color=blue][color=green]
> > and[color=darkred]
> >> > Mozilla.
> >> >
> >> > However, I just discovered the source of the problem. When the last[/color]
> > sentence[color=darkred]
> >> > that covers two columns is short, I get one spacing and when the last
> >> > sentence is long, I get a different spacing for the whole Column 1.[/color][/color][/color]
This[color=blue][color=green]
> > is[color=darkred]
> >> > true if I set it to 10% or 20%.
> >> >
> >> Set the table width to 100%.
> >>
> >> --
> >> jmm dash list (at) sohnen-moe (dot) com
> >> (Remove .AXSPAMGN for email)[/color]
> >
> > Hello,
> >
> > I hate to say it but I am not sure where to set the table to 100%. The[/color][/color]
CSS[color=blue][color=green]
> > just defines the column width. How do you specify the table width?
> >[/color]
>
> table {width:100%;}
>
> --
> /Arne[/color]


Thanks Arne, That seemed to do the trick. Much appreciated.

Bob