Absolute position in Netscape

The following works with IE4 but not with Netscape 4.51:

<DIV ID=Title STYLE="position:absolute;top:2;left:152">
<P>Some Text</P>
</DIV>

How can I specify an absolute position for both browsers?
LVL 1
ncwAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

garrethgCommented:
Netscape doen't work too well, if at all, with inline styles although it's documentation claims to. You'll find it get's on better with embedded style sheets:

EXAMPLES

<HTML>
<HEAD>
<STYLE TYPE="text/css">
<!--
/* it's a good idea not to give elements IDs similar to already exsisting document properties.
There is already a document.title object */

#myTitle {
  position: absolute;
  top: 2px;
  left: 152px;
  background-color: red;
  /* you may find you need layer-background-color for navigator */
  layer-background-color: red;
}

div.aTitle {
  position: relative;
  background-color: green;
  layer-background-color: red;
}
-->
</STYLE>
</HEAD>
<BODY>
<DIV ID="ilayer1" CLASS="aTitle">a layer created by a css class</DIV>
<DIV ID="ilayer2" CLASS="aTitle">another layer created by a css class</DIV>

<DIV ID="myTitle">a layer created by a css id</DIV>
</BODY>
</HTML>
0
ncwAuthor Commented:
garrethg,
For another 25 points, how can I modify your embedded style sheets to achieve the same effect as the following code which works OK in IE4:

<HTML>
<HEAD>
<TITLE>Nick's Website</TITLE>
</HEAD>
 
<STYLE>
P{font-family:"brush script MT";font-size:96;color:blue}
P.highlight{color:silver}
P.Shadow{color:black}
</STYLE>

<BODY BGCOLOR=white TEXT=#333399 LINK="#333399" ALINK=blue VLINK=purple > 
<BASEFONT=3>

<DIV ID=Title STYLE="position:absolute;top:18;left:168;width:600;height:100;margin:10">
<P CLASS=highlight>Nick's Website</P>
</DIV>

<DIV ID=Title STYLE="position:absolute;top:5;left:155;width:600;height:100;margin:10">
<P CLASS=shadow>Nick's Website</P>
</DIV>

<DIV ID=Title STYLE="position:absolute;top:2;left:152;width:600;height:100;margin:10">
<P>Nick's Website</P>
</DIV>
       
</BODY>
</HTML>

Nick
0
garrethgCommented:
You have to give a unit of measurement to font-size:

examples:

font-size: 96pt;
font-size: 96px;
font-size: 96cm;

I think 96px is the one you're looking for.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
rhinosaurCommented:
Netscape suggest you don't use px. I use pt instead ... I'm finding NS a pain with tables and styles anyway. I don't know why so many people rave about NS when IE is a LOT better. Anyway.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.