Nay
|
I have a well weared problem with a theme I am making.
I am using my own tables not artisteer ones so have some inline styles on the tables however the formating on my tables seems to be blanked out but only about 10PX right on the very last rows and cells, it only does this in internet explorer but is fine in firefox.
its like somthing is adding a shadow to the last 10px of the table only.
Anyone any idea what?
|
| |
Unglood
|
Quote Nay:
I am using my own tables not artisteer ones so have some inline styles on the tables however the formating on my tables seems to be blanked out but only about 10PX right on the very last rows and cells, it only does this in internet explorer but is fine in firefox.
Anyone any idea what?
I stopped using table insertions years ago when css came out! But, let's see your inline styles and maybe that will reveal something ...
Here's always my first css entry for "tables" in a reset.css file:
table {border-collapse: collapse; border-spacing: 0;}
/* tables still need 'cellspacing="0"' in the markup */
Here's a Tide Table setup in a style.css (which imports the reset.css above)
#tides {}
#tides table {border-collapse: collapse;margin: 10px 0;width: 890px;table-layout: fixed;font-size: 12px;line-height: 30px;}
#tides table th {
height: 29px;
border-left: 1px solid #eee;
background-color: #3b474e;
border-bottom: solid 2px #fff;
color: #fff;
text-align: center;
}
#tides thead {
font-size: 12px;
}
#tides table tr {
height: 30px;
}
#tides table td {
padding: 0;
font-weight: 600;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
Here's the Tabular page: http://www.cannonbeachcomputers.com/tides/october.htm
Hope that helps but without seeing either your code or a link to it - it's difficult to help - correctly.
|
| |
nay
|
Ok here is my main table code with inline style
<table width="100%" cellspacing="1" cellpadding="4" border="1" bordercolor="#66abfa" style="border-collapse: collapse">
then some of the TD's with bgcolor thease are the last ones on the table that are getting a weard 5-10px shadow right at the end
<td width="6%" align="center" bgcolor="#FFFF00">
<td width="6%" align="center" bgcolor="#e8eef3">
|
| |
nay
|
I just found out that if I make my tables only 98% width it's fine it seems that when the tables are 100% it is failing to fill the last 2%
Any idea why
|
| |
Unglood
|
Quote nay:
I just found out that if I make my tables only 98% width it's fine it seems that when the tables are 100% it is failing to fill the last 2%
Any idea why
Yeah, I know what you mean. I remember well those battles of width:100%.
I'm pretty sure it's enough to know that if you use 98% or 99% then it is a workaround solution. I think that's why I always went to fixed widths.
There is not enough hours a day for me to figger out why things are different in different Browsers - even simple things like font size displays being different in Chrome/FF vs. IE. A lot of dedicated pros post workarounds frequently. Bless their hearts!
Long ago I gave up coding for IE6's idiosyncracies and FF vs. IE Box models differing interpretations of padding, margins and borders...
So, I used fixed widths for tables, and code only for the latest versions of IE, FF and Chrome. Then again, I'm not a Pro.... I just read their websites and frustrations...
Well done on finding a solution that works for you.
|
| |