[jay3ld2]

ok..

I have this from a sniplet of my code

Code:
					<tr style="background: url(home/Themes/default/images/headerback.jpg) bottom left repeat-x;">
						<td height="85"></td>
						<td width="400" height="85" align="right" class="forumname" style="background: url('home/Themes/default/images/header_right.gif') top right no-repeat; padding:0px 10px; 0px 0px;"><a href="home/index.php">LcT Tribe Home</a></td>
	</tr>

Now while Viewing in Safari it gives me issues with the right image..
Even if I use a gif instead of a png I get the issue.
Safari does not want to do transparency while in css as a background that has already had a css background set from its parent tag...
Anyone know why this is or know why This is happening?

I have a simliar issue with IE but I applied a IE png fix and now it loads the alpha transparency so it shows the transparency.. but safari is still having the issues..


Please help.. I am stressing from this because so much cross browser compatibility issues...

[besson3c]

First of all, you might want to drop the tables and wrap your styles in div and span tags, this might work a little better.

I don't understand how transparency enters the picture, but once you start dealing with CSS 2 ane 3 you head into this browser compatibility issues (the biggest bottleneck being IE 6). What exactly are you wanting to do? Surely there must be an alternative method to doing what you are wanting to do?

Could you provide us with examples we can see?

[jay3ld2]

A little hard to explain...

I got a Site. I want the banner to be auto adjusting to the browsers monitor width. So To do that You create a table with at least 2 columns and 1 row.
In the background (of tr or table) you set an image up that will be really big like 2000 px long.
then in the right td you have a background for the right image. lock the td width to the size of image
Then you have text over it...
You could also do a 3rd column and do a left image. But you got to remember to lock td width to image size.

So that creates a nice effect when the user resizes there browser window the banner spans to it and follows along witht the browser width..


Right now I have a work around displaying just for safari and using a div float to float it right. Problem here is I can't have my text in the text box..


View my Site under Firefox. That is displaying it all correct.
Then in safari it isn't. Or kinda. I have a work around right now..

Link Removed

Also This:
Link Removed

That will have safari display it like it should without my workaround for different output.
As you can see it is having troubles displaying the transparency..

Suggestions are welcomed.. I am running around working at code trying to get this fixed... Just got IE to display the png correctly.. what a relief.. It was less of a pain to get IE to work than Safari..

[jay3ld2]

Ok I figured it out.. Your Suggestion helped me a lot.


What I did was made only 1 td by doing colspan=2 and then doing a div float right and putting my image in that.

But I combined the png and the gif I had and put it in the left side. So my Logo floats on the right while my banner sits on the left in background and auto spans to browsers width.

Works Peferct. And allows some text to be put in on left.. wow. And amazing IE is accepting it.


Thanks for The Div Suggestion. Never occured to me to even use div..