Extra Padding in Table Cell - One Side Only - IE vs Firefox/Chrome

After a few hours of modification, I've taken the advice of some folks
here and changed over to tables with a new CSS modification. Oddly,
now IE 7 renders extra padding to the right side of "Last Post." I've
changed the width, the padding, font size, margin, added vertical-
align, and rechecked all definitions of the Box Model bug in IE.
Unfortunately all information I can obtain about the box model point
to only <div> tags, and nothing about tables.

http://98.228.176.231/forums/ is the link to the main page.

From here, if you browse to maindef.css under /css/themes/default, you
will find the file that defines all values for the table. Lines 58-74
contain the information relating to the Last Post column
(m_td_lastpost). I thought for a moment that the Posts left padding
had been calculated in (for some strange reason, I've seen weird
things happen), however after I took that padding out it remained the
same. I've run through a few validators all with success, but this
doesn't always mean that it's good code. There is no dynamic content
on this page yet as I'm just attempting to iron out the display before
I begin coding. I also did cycle through all different types of
DOCTYPES, thinking that IE quirks mode was attempting to display
something differently, however it made no difference weather it was in
transitional XHTML, strict, or HTML 4.01.

If there is any suggestions anyone has, please let me know and I will
be more than willing to try them out. I recognize that last time I
posted I didn't include enough information. Thanks for any help and
ideas you may have!

In article
<26947509-05cd-4ee5-bf4d-b6c76f81223d (AT) u18g2000pro (DOT) googlegroups.com>,
Ben <subz33r0 (AT) gmail (DOT) com> wrote:

After a few hours of modification, I've taken the advice of some folks
here and changed over to tables with a new CSS modification. Oddly,
now IE 7 renders extra padding to the right side of "Last Post." I've
changed the width, the padding, font size, margin, added vertical-
align, and rechecked all definitions of the Box Model bug in IE.
Unfortunately all information I can obtain about the box model point
to only <div> tags, and nothing about tables.

http://98.228.176.231/forums/ is the link to the main page.

You are *very precise* about your widths and paddings. Too precise
surely.

I would get rid of nearly all your widths. Perhaps use

on your

..main table table {width: 90 or 95%} and be rid of table-layout: fixed;
(17.5.2.1 Fixed table layout in


<http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout>

does not exactly fill with confidence, cross browser wise)

Use th for table headings, not td, and don't use px for font sizes, and
anything below .85em, use very sparingly if at all.

And don't worry or fuss over a bit of different spacing in different
browsers. But I confess not seeing it at the moment, others will advise
about IE.

I think, in one of your stylesheets, you give too great a width in em
for the wrapper, the problem being this: there seems no huge reason why
people with bigger text sizes and not hugely wide browsers should have
to scroll sideways as much. But this is perhaps getting too much into
your site?

Happy New Year to everyone!

--
dorayme

Ben wrote:

now IE 7 renders extra padding to the right side of "Last Post." I've
changed the width, the padding, font size, margin, added vertical-
align

http://98.228.176.231/forums/ is the link to the main page.

Get rid of all those overly precise font-size, padding and width
properties and things will go better.

Instead of trying to control every pixel, set the table width to 100%
and the columns to % as well. And do use <th> instead of <td> for column
headings.

BTW, I hate it when an explicit width in ems is used on main content
blocks. I'm sure it's just peachy for those who use a small or average
browser default font size, but it just makes for unnecessary horizontal
scrolling for those of us who use larger type. Set a max-width if you
must, but don't be stingy about using the available screen real estate.

--
Berg

On Dec 31, 9:54*am, Bergamot <berga... (AT) visi (DOT) com> wrote:

Ben wrote:

now IE 7 renders extra padding to the right side of "Last Post." *I've
changed the width, the padding, font size, margin, added vertical-
align

http://98.228.176.231/forums/is the link to the main page.

Get rid of all those overly precise font-size, padding and width
properties and things will go better.

Instead of trying to control every pixel, set the table width to 100%
and the columns to % as well. And do use <th> instead of <td> for column
headings.

BTW, I hate it when an explicit width in ems is used on main content
blocks. I'm sure it's just peachy for those who use a small or average
browser default font size, but it just makes for unnecessary horizontal
scrolling for those of us who use larger type. Set a max-width if you
must, but don't be stingy about using the available screen real estate.

--
Berg

Thanks to both of you, I will take this and most definately rearrange
it a bit more. I'll post back and let you know how it goes

On Dec 31, 11:23*am, Ben <subz3... (AT) gmail (DOT) com> wrote:

On Dec 31, 9:54*am, Bergamot <berga... (AT) visi (DOT) com> wrote:



Ben wrote:

now IE 7 renders extra padding to the right side of "Last Post." *I've
changed the width, the padding, font size, margin, added vertical-
align

http://98.228.176.231/forums/isthe link to the main page.

Get rid of all those overly precise font-size, padding and width
properties and things will go better.

Instead of trying to control every pixel, set the table width to 100%
and the columns to % as well. And do use <th> instead of <td> for column
headings.

BTW, I hate it when an explicit width in ems is used on main content
blocks. I'm sure it's just peachy for those who use a small or average
browser default font size, but it just makes for unnecessary horizontal
scrolling for those of us who use larger type. Set a max-width if you
must, but don't be stingy about using the available screen real estate.

--
Berg

Thanks to both of you, I will take this and most definately rearrange
it a bit more. *I'll post back and let you know how it goes

Worked excellent. I'll leave the page up for a day or so and probably
wind up coming back for some help sometime in the future. Thanks
everyone for your excellent help!

Let me know if there's anything else you folks notice about
accessibility or anything, as I'm planning on offering this for free
to anyone who would want it when I'm finished writing it.

Thanks again!

In article
<f875752d-c97b-4126-806e-1f89b0b40a0d (AT) y1g2000pra (DOT) googlegroups.com>,
Ben <subz33r0 (AT) gmail (DOT) com> wrote:

Let me know if there's anything else you folks notice about
accessibility or anything, as I'm planning on offering this for free
to anyone who would want it when I'm finished writing it.

You have have changed the opening td tags to th as I suggested, but you
have forgotten to close them with /th, you still have the /td closers...
I am sure a minor slip...

--
dorayme

On 2008-12-31, Ben wrote:
....

Let me know if there's anything else you folks notice about
accessibility or anything, as I'm planning on offering this for free
to anyone who would want it when I'm finished writing it.

The columns are not wide enough to contain the headers:
<http://cfaj.freeshell.org/testing/forums.jpg>


--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

On Dec 31, 5:48*pm, "Chris F.A. Johnson" <cfajohn... (AT) gmail (DOT) com> wrote:

On 2008-12-31, Ben wrote:

...

Let me know if there's anything else you folks notice about
accessibility or anything, as I'm planning on offering this for free
to anyone who would want it when I'm finished writing it.

* * *The columns are not wide enough to contain the headers:
* * *<http://cfaj.freeshell.org/testing/forums.jpg

--
* *Chris F.A. Johnson * * * * * * * * * * *<http://cfaj.freeshell.org
* *================================================= ==================
* *Author:
* *Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

Odd, Chris, what browser is that in? I am looking at it in IE 6.0 and
other than a slight discoloration (which I will address tonight when
I'm off of work) I'm not seeing that, even at full text size.

The TH situation was an oversight on my part, I was chasing my tail
and laugh at myself now noticing that I didn't change the closures.
Thanks for the note!

On 2009-01-01, Ben wrote:

On Dec 31, 5:48*pm, "Chris F.A. Johnson" <cfajohn... (AT) gmail (DOT) com> wrote:
On 2008-12-31, Ben wrote:

...

Let me know if there's anything else you folks notice about
accessibility or anything, as I'm planning on offering this for free
to anyone who would want it when I'm finished writing it.

The columns are not wide enough to contain the headers:
http://cfaj.freeshell.org/testing/forums.jpg

Odd, Chris, what browser is that in? I am looking at it in IE 6.0 and
other than a slight discoloration (which I will address tonight when
I'm off of work) I'm not seeing that, even at full text size.

Firefox 3, with my default text size.

--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

Ben wrote:

On Dec 31, 5:48 pm, "Chris F.A. Johnson" <cfajohn... (AT) gmail (DOT) com> wrote:

The columns are not wide enough to contain the headers:
http://cfaj.freeshell.org/testing/forums.jpg

Odd, Chris, what browser is that in? I am looking at it in IE 6.0

Don't use IE6 as any kind of gauge for correctness. It's horribly broken.

I'm not seeing that, even at full text size.

It's no doubt caused by the max-width on the td element. Depending on
the font used, 2.5em may or may not be wide enough for the word
"Status". You shouldn't even need it anyway, so get rid of it. I'd drop
all the max-width properties on cells and just leave the % widths.

--
Berg