tr background image problem
Printed From: Web Wiz Forums
Category: General Discussion
Forum Name: Web Design Discussion
Forum Description: Discussion on web design and development subjects.
URL: https://forums.webwiz.net/forum_posts.asp?TID=17950
Printed Date: 28 March 2026 at 1:10am
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com
Topic: tr background image problem
Posted By: Roman
Subject: tr background image problem
Date Posted: 14 January 2006 at 2:05pm
|
I have an image problem that I can't find a solution for. I have made a
single image that is 1000px wide made up of many smaller images sitting
side by side that are blended together. I want to use it as a banner
across the header of my site but I don't want the banner to affect the
formatting of the page. Firefox handles it fine if I use the image as a table tr background. The browser window can be dynamically resized and no horizontal scroll bar appears. IE doesn't support tr background so I can't see the image at all. If I insert the image into a tr the table is pushed out to 1000px and the page is no longer confined to the boundaries of the browser window. How do I sort this out? Can I use CSS or javascript to simply display as much af the image as the browser window allows? Thanks... |
Replies:
Posted By: dpyers
Date Posted: 14 January 2006 at 5:09pm
|
I'd start by putting an empty table row there containing a div with a in it. Use the image for the background of the div, not the tr or the td in the tr. css style for the dive should probably be something like style="background-repeat: no-repeat; overflow: hidden;" Assuming you want the image across the entire page, not just the part occupied by the table containing wwf, you could put the image in an absolutely positioned div that has it's z-order set to be behind the forum. ------------- 
Lead me not into temptation... I know the short cut, follow me. |
Posted By: Roman
Date Posted: 14 January 2006 at 11:49pm
|
Hi dpyers,
Fantastic - thankyou. Works like a dream in both Firefox and IE. Sometimes the easiest of solutions are so hard to find.
|