OutFront Forums
     Home    Register     Search      Help      Login    

Sponsors
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Follow Us
On Facebook
On Twitter
RSS
Via Email

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

 

Page background with floating tables

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Page background with floating tables
Page: [1]
 
 
jeepless

 

Posts: 230
Joined: 12/20/2003
From: Smack in the middle of USA
Status: offline

 
Page background with floating tables - 11/2/2004 12:28:42   
I've run into a problem that I haven't seen before and hopefully someone has a solution.

I have a page with 3 floating tables arranged so they display horizontally across the page (float="left"). I then attach a background image to the page, but it won't show underneath these 3 tables - only BELOW the tables. This happens in both IE and Firefox, so I suspect it's not a browser problem.

Here's a simplified version of the HTML code I'm using:

<body background="images/bground/main815a_bg.jpg">
<table border="0" width="150" cellspacing="0" cellpadding="0" id="menu" align="left">
 <tr>
  <td width="150"> </td></tr>
</table>
<table border="0" width="500" cellspacing="0" cellpadding="0" id="content" align="left">
 <tr>
  <td width="500"> </td></tr>
</table>
<table border="0" width="150" cellspacing="0" cellpadding="0" id="links" align="left">
 <tr>
  <td width="150"> </td></tr>
</table>
</body>


Is there a trick to getting a page background image to show through floating tables?

Thanks in advance!

dpf

 

Posts: 7121
Joined: 11/12/2003
From: India-napolis
Status: offline

 
RE: Page background with floating tables - 11/2/2004 12:48:18   
because table also allows background prop - I always assumed a page bg wouldnt show thru

_____________________________

Dan

(in reply to jeepless)
Donkey

 

Posts: 4076
Joined: 11/13/2001
From: Blackfield United Kingdom
Status: online

 
RE: Page background with floating tables - 11/2/2004 12:55:31   
Have you tried adding background:transparent; to the table styles?

_____________________________

:)

I have a higher and grander standard of principle than George Washington. He could not lie; I can, but I won't.
Samuel Clemens

(in reply to dpf)
jeepless

 

Posts: 230
Joined: 12/20/2003
From: Smack in the middle of USA
Status: offline

 
RE: Page background with floating tables - 11/2/2004 13:20:04   
I did try adding style="background: transparent" as an inline statement for each table, and in the style sheet for all tables, but with no success. I also tried nesting all 3 floating tables in one big non-floating table but that also didn't work. The background shows everywhere on the page EXCEPT under these floating tables.

I dunno, maybe dpf is right.... page backgrounds never show through floating tables....

Any other thoughts?

(in reply to Donkey)
Donkey

 

Posts: 4076
Joined: 11/13/2001
From: Blackfield United Kingdom
Status: online

 
RE: Page background with floating tables - 11/2/2004 14:00:06   
I've got transparent backgrounds on tables in a web i'm building (on my test server not published) I haven't specified a background colour for the tables or cells but they are transparent. So I would try taking out any background styling from the style sheet and in-line to see if that works. Second try would be to add background-color:transparent; to the table and cell styling. (Don't miss out the final semi-colon)

_____________________________

:)

I have a higher and grander standard of principle than George Washington. He could not lie; I can, but I won't.
Samuel Clemens

(in reply to jeepless)
jeepless

 

Posts: 230
Joined: 12/20/2003
From: Smack in the middle of USA
Status: offline

 
RE: Page background with floating tables - 11/2/2004 14:57:05   
Sure enough, that did the trick! I had a white background color specified for the body in the style sheet and it was overriding the page background behind the floating tables.

It's funny, you can look at this stuff all day long and never see the problem!!!

Many thanks for the insight, Donkey.


(in reply to Donkey)
Donkey

 

Posts: 4076
Joined: 11/13/2001
From: Blackfield United Kingdom
Status: online

 
RE: Page background with floating tables - 11/3/2004 4:17:15   
You're welcome.
(it's nice to be a small help to someone occasionally after all the help I've had)

_____________________________

:)

I have a higher and grander standard of principle than George Washington. He could not lie; I can, but I won't.
Samuel Clemens

(in reply to jeepless)
Giomanach

 

Posts: 6191
Joined: 11/19/2003
From: England
Status: offline

 
RE: Page background with floating tables - 11/3/2004 7:17:58   
Guys

The background is an IE bug...

In FF etc, unless you specify the background colour(color) it will adopt the style of the parent element (usually <body>), in IE, it retains the standard background properties (transparent)

Just FYI...



_____________________________




(in reply to Donkey)
c1sissy

 

Posts: 5094
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: Page background with floating tables - 11/18/2004 7:20:03   
Dan, can you back this up with some information? Usually it is a good idea so that others can see the information regarding the bug.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://cssinfo.debsplace.org
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to Giomanach)
Giomanach

 

Posts: 6191
Joined: 11/19/2003
From: England
Status: offline

 
RE: Page background with floating tables - 11/18/2004 7:36:13   
PIE covers it, and says the Holly Hack is best cure...

http://www.positioniseverything.net/explorer/peekaboo.html

I believe the Screenshot is the same as what jeepless has been getting

<edit>
And here...

http://www.alistapart.com/articles/horizdropdowns/

quote:

During the development of this article, I uncovered a strange bug that I believe is only apparent in IE6. A background must be declared on the li a, else when a sub-menu stretches further (vertically) than the main menu itself, the links start to disappear before you have time to click them. Strange! Try it to see for yourself.


Well...sorta..

Plus, if when I was playing with the menu in the link above, I removed the background: ; from the CSS, and it adopted the background color of the body...
</edit>

< Message edited by Giomanach -- 11/18/2004 7:44:42 >


_____________________________




(in reply to c1sissy)
c1sissy

 

Posts: 5094
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: Page background with floating tables - 11/18/2004 7:45:12   
Thanks Dan, by placing links to explain the bugs, it helps people who come in to read for a solution to know that there is something they can read to help them solve the problem.

Pie is an excellent site, I have been going through things in there a lot the past few days. Tons of stuff printed last night off there to read. And John is going to add more in there, so keep that page site bookmarked for more great information. He and Holly do great work.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://cssinfo.debsplace.org
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to Giomanach)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Page background with floating tables
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts