Tengo un .jpg centrado como fondo y sobre él quise ubicar un archivo .swf más chico. Probando, la única forma que encontré para conseguirlo fue esta...
Código:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Menta</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"> body {
text-align:center;
}
#contenedor {
margin-top:-18px;
margin-right:auto;
margin-bottom: 0;
margin-left:-22;
}
#sh {
position: absolute;
margin-top:120px;
margin-right:auto;
margin-bottom: 0;
margin-left:-600px;
}
</style>
</head>
<body>
<div id="contenedor"> <img src="tal.jpg" width="778" height="600" border=0 usemap="#Imagen">
<map name="Imagen">
<area shape="rect" coords="40,600,168,683" href="tal.htm" alt="LLO" onClick='this.target = "popup"; window.open("", "popup", "toolbar=0,width=410,height=236,resizable=no,left=174,top=165")'>
</map>
<div id="sh">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="418" height="237">
<param name="movie" value="tal.swf">
<param name="quality" value="high">
<embed src="tal.swf" width="418" height="237" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" ></embed></object></div>
</div>
</body>
</html>
Lo cierto es que tuve que utilizar un margin negativo(margin-left:-600px; ) para el .swf
Viéndolo en distintas resoluciones en el explorer ésta fue la única manera de ubicarlo exactamente encima de la parte del .jpg que quería
¿Es válida ésta forma o existe otra mejor?
Gracias.
Seltzer