delphi programming forums mysql charset mget recursive synonimos
free ventrilo servers hosting cs javascript delay python find in list
Back Forum New

Rank: 1
1# Jump to »
eadcaPost at 2010-6-4 04:07 | Show This Author's Posts Only
abstract:

I have tried setting the height of the row that contains the banner to be equal to the image as well as greater than it, I have tried making the banner a background image.  If I take out the banner image, the background colors appear correctly.  But as soon as I put that image back in, I get that band of darker yellow right underneath it.  I would love to know why I am getting result that I am, and how to fix it.


I'm having a strange problem with a table background color.
The page is a table nested inside another (holder) table.
The holder table is 2 rows, one column.  First row contains an image (the banner).  2nd row contains another table that is 6 pixels thinner and contains the info of the page.  They are both set to a background color that is slightly lighter than the page background color.  I decided on the nested table thing so that the text in the inner table didn't run all the way to the border.
For some reason on Firefox, Safari, and IE, it looks as if there are two separate tables, because the page background color (slightly darker yellow) appears in between the banner and the page info:
http://www.naturaculina.com/test.htm
I have tried setting the height of the row that contains the banner to be equal to the image as well as greater than it, I have tried making the banner a background image.  If I take out the banner image, the background colors appear correctly.  But as soon as I put that image back in, I get that band of darker yellow right underneath it.  I would love to know why I am getting result that I am, and how to fix it.

TOP

Rank: 1
2#
AremPost at 2010-6-4 04:07 | Show This Author's Posts Only
It all looks fine on a Mac, if that's any help!
There does seem to be an empty middle <tr> that you didn't mention. Maybe remove this and see if it fixes the problem.
As for this:
  I decided on the nested table thing so that the text in the inner table didn't run all the way to the border.
...you would be better off creating an inner <div> and adding CSS padding to it. E.g.
Code:
  1. HTML
  2. <div id="inner">
  3. </div>
  4. CSS
  5. #inner {
  6.       padding: 6px;
  7. }
Copy Code
Using divs and CSS is so much nicer than using tables. It's worth getting into it...

TOP

Rank: 1
3#
sir_drinxalotPost at 2010-6-4 04:07 | Show This Author's Posts Only
Works fine on:
Firefox v3.0
Safari (on XP) v3.1.1
IE 6, 5.55, 5.01, 4.01 (even pretty much works on IE3.1)
Opera v9.23
Netscape 9.0b2, 6.2.3
Yeah, I was bored.....
I also agree about using divs and css rather than tables. It seems daunting at first, but it's a much better way of doing things.



I have tried setting the height of the row that contains the banner to be equal to the image as well as greater than it, I have tried making the banner a background image.  If I take out the banner image, the background colors appear correctly.  But as soon as I put that image back in, I get that band of darker yellow right underneath it.  I would love to know why I am getting result that I am, and how to fix it.

TOP

Back Forum