Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Netscape CSS Positioning

Status
Not open for further replies.
JavaDude32

JavaDude32

Programmer
Aug 25, 2001
180
US
I have this code:

Code: 
<html>
<body>
<div style=&quot;position:absolute; color:white; background-color:transparent;&quot;>THE TEXT ON THE IMAGe
</div>
<img src=&quot;blackness.bmp&quot;>
</body>
</html>

Now IE renders the Text just fine, but Netscape does not. Netscape places the Text below the image. Can anybody help me with this please?
 
Sort by date Sort by votes

1) Set a z-index.

... or ...

2) Make the image a background of the DIV.

HTH.
 
Upvote 0 Downvote
Thanks, I didn't even think of that, I just modified the tags that were already there. Although any idea why it doesn't work this way in Netscape\Mozilla?
 
Upvote 0 Downvote
PS I thought Netscape didn't have the z-index attribute?
 
Upvote 0 Downvote
Maybe you need to specify a location for the div. It's absolutely positioned, but you're not specifying where it should be. Netscape is therefore placing it for you, but not where you expect it to go. Try giving it a &quot;top: 0; left: 0&quot; in the style.

 
Upvote 0 Downvote
Hmm, IE not working to specs, surprise surprise. This works okay if you specify the absolute location using top and left. Netscape assumes at the bottom and IE assumed on the image itself, kinda strange.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
785
pmonett
pmonett
PeDa
  • Locked
  • Question
CSS two level horizontal menu
Replies
0
Views
623
PeDa
PeDa
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
666
PeDa
PeDa
tyutghf
  • Locked
  • Question
Achieving this grid layout in css
Replies
1
Views
211
tyutghf
tyutghf

Part and Inventory Search

Sponsor

Back
Top