467,923 Members | 1,262 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 467,923 developers. It's quick & easy.

Using float:right in Netscape with absolute positioning

I am attempting to display two images on a web page. The second
"image" is actually two images, one overlaid on the other. The first
one is aligned on the left using float:left. I have enclosed the next
two images in a <DIV> tag with float: right in order to force the
containing content to be aligned on the right. I also set
position:relative so that any absolute positioning within the <DIV>
will be relative to the itself.

The overlay image (id=ma_1_1_1) has position:absolute with left and
top set to 0 to force it to display on top of the image with id=map.

This works fine in IE6, but does not work at all in Netscape 7. In
Netscape 7, the overlay image is positioned all the way to the left.
Does anyone know how to make the overlay image line up on the right in
Netscape? Thanks.
<BODY>
<DIV>
<IMG style="float:left" id=img1 src="images/hiking.jpeg">
<DIV style="float:right; position: relative">
<IMG id=map height=245 src="images/cruise.jpg" width=375>
<IMG id=ma_l_1_1 style="position: absolute; top: 0px left: 0px;"
height=245 src="images/overlay.gif" width=375 border=1>
</DIV>
</DIV>
</BODY>
Jul 20 '05 #1
  • viewed: 2978
Share:
1 Reply
"JKenyon" <jk*****@avantlogic.com> wrote in message
news:b3**************************@posting.google.c om...
I am attempting to display two images on a web page. The second
"image" is actually two images, one overlaid on the other. The first
one is aligned on the left using float:left. I have enclosed the next
two images in a <DIV> tag with float: right in order to force the
containing content to be aligned on the right. I also set
position:relative so that any absolute positioning within the <DIV>
will be relative to the itself.

The overlay image (id=ma_1_1_1) has position:absolute with left and
top set to 0 to force it to display on top of the image with id=map.

This works fine in IE6, but does not work at all in Netscape 7. In
Netscape 7, the overlay image is positioned all the way to the left.
Does anyone know how to make the overlay image line up on the right in
Netscape? Thanks.


Try Netscape 7.2. I suspect that you will find that 7.2 works fine. Which
of course does not fix your problem for those who refuse to upgrade despite
the many bugs and security problems in older versions.

Jul 20 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by toylet | last post: by
3 posts views Thread by GŁnther StŲŖl | last post: by
10 posts views Thread by Jesper RÝnn-Jensen | last post: by
9 posts views Thread by leegold | last post: by
5 posts views Thread by Oliver Block | last post: by
22 posts views Thread by ashkaan57 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.