Position: Absolute Problems.

[Boonzeet]

How do I stop the Image moving with different resolutions and different browsers?



<div style="position: absolute; top: 178px; left: 243px; z-index: 1;" />

<A

onMouseOver = "rollover('smr')"
onMouseOut = "rollout('smr')"
><IMG
SRC="../Board3/1.gif"
NAME="smr"
ALT="" BORDER=0
></A>
<SCRIPT TYPE="text/javascript">
<!--
setrollover("../Board3/2.Gif");
//-->
</SCRIPT>
</div>


Yes, I need the rollover to work. Im cutting up a habbo room to make it into a website.

Anyone know how?

[iTechnical]

Hmmmm..
You need to define the script more

CBA typing it out ^_^

[Boonzeet]

Comon :P

Ill rep you if you do :D

I thought about:


<div style="
position: absolute; top: 178px; left: 243px; z-index: 1; text-indent: -500px;" />

<A

onMouseOver = "rollover('smr')"
onMouseOut = "rollout('smr')"
><IMG
SRC="../Board3/1.gif"
NAME="smr"
ALT="" BORDER=0
></A>
<SCRIPT TYPE="text/javascript">
<!--
setrollover("../Board3/2.Gif");
//-->
</SCRIPT>
</div>

[[Oli]]

I never use absolute.

Absolute is (imo) only fine for layouts that are left-aligned (not centered) and are suppoced to stay ...px from the top-&-left sides.

If you want your layout centered & want your box/div to move along with the design instead of staying ...px from top & left sides when you change resolution/browser size, please use position: relative; ;)

[Boonzeet]

So how would I write the code?