Forum Moderators: open

Message Too Old, No Replies

NN4 not rendering Transparent Gif

Any workaround?

         

Googly

2:25 pm on Mar 11, 2003 (gmt 0)



I have a <div>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="headdersky" style="position:absolute; top:0px; left:0px; width:100%; height:162px; z-index:1; background-image: url(images/sky2.jpg); layer-background-image: url(images/sky2.jpg); border: 1px none #000000;"><img src="images/shim.gif" height="1px" width="100%"></div>

It has a background image which I would like to span the entire width of the browser. This works fine in MSIE with the above code. I have inserted the transparent gif to produce content to allow NN4 to span the majority of the width of the browser. Now there is just a small gap between the righthand edge of the layer and the right side of the NN4 browser. Which i can put up with (unless there is a solution).

But the problem is that the gif does not seem to render transparent in NN4. (In my case the <div> background image is patterned, this problem would not arise if the <div> had just a constant background color) The 100% wide gif seems to duplicate the part of the image that it sits in front of and then somehow gets shifted a few pixels down, resulting in being able to see the gif, which shouldn't be the case.

Any ideas on some kind of solution or just an opinion would be greatly appreciated. One solution would be to shift the entire gif down to the base of the <div> I could then have the gif out of view, but alas I cannot move it!

Googly

tedster

3:33 pm on Mar 11, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Maybe try styling the transparent image as display:block so you can use 0 margins and padding?

Googly

4:11 pm on Mar 11, 2003 (gmt 0)



From what I've read Netscape 4 does not support display [xs4all.nl].