I am still getting stucked with positioning problem in mozilla browser..here I am attaching the code ....the positions of my image buttons are fine in IE but it is going downwards in mozilla browser..
My code is ...
####################################
print "<div style=' position:absolute;
right:0px;top:79px;-moz-box-sizing:border-box;box-sizing:border-box;po
+sition:absolute;
right:0px ;top:90px; '>
<p style=' position:absolute; top:0px;
right:100px;'-moz-box-sizing:border-box;box-sizing:border-box;margin:0
+;padding:0;position:ab
solute;top:10px;right:10px;'>
";
print "<a target='main'
onClick=\"javascript:window.open('./download.cgi','','toolbar=no,scrol
+lbars=yes,location
=no,status=no,menubars=no,resizable=no,width=600,height=600,top=0,left
+=0')\"
target=\"_blank\" onMouseOut=\"MM_swapImgRestore(); window.status='';\
+"
onMouseOver=\"MM_swapImage('Image101','','../images/download1.gif',1);
+
window.status='Download Files';\"><img src='../../download1.gif' borde
+r='0'></a>
</p><p style='position:absolute; top:0px; right:150px;'>
<a target='main'
onClick=\"javascript:window.open('./upload.cgi','','toolbar=no,scrollb
+ars=yes,location=n
o,status=no,menubars=no,resizable
=no,width=600,height=700,top=0,left=0')\" target=\"_blank\"
onMouseOut=\"MM_swapImgRestore(); window.status='';\"
onMouseOver=\"MM_swapImage('Image101','','../images/upload1.gif',1);
window.status='Upload Files';\"><img src='../../upload1.gif' border='
+0'></a>
";
##########################
I am also sending you my style sheet code....
DIV.p1
{
position:absolute;
right:0px;
z-index: 1001;
top:79px;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
position:absolute;
top:10px;
right:10px;
z-index:1001;
}
DIV {
font-family: Tahoma,Arial,serif;
font-size: 8pt;
}
DIV.float {
font-family: Tahoma,Arial,serif;
font-size: 8pt;
float: left;
margin: 2px;
}
P.p3
{
position:absolute;
top:0px;
right:150px;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
position:absolute;
top:10px;
right:70px;
}
P.p2
{
position:absolute;
top:0px;
right:80px
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
position:absolute;
top:10px;
right:10px;
}
but its not working at all..please suggest me some solution....
Thanx |