tengo una imagen superior a 1280 y cuando la resolucion de la pantalla sea menor esta imagen debe aparecer centrada.
he desarrollado un codigo que funciona bien en IE6 pero no en Opera ni en Javascript
paso a explicarles a ver si a alguno se le ocurre que estoy haciendo mal
Se tiene 3 frame: uno superior, medio e inferior
<frameset rows="*,410,*" frameborder="NO" border="0" framespacing="0">
<frame src="top.html" name="topFrame" scrolling="NO" noresize>
<frame src="home.html" name="center" noresize frameborder="no" scrolling="no" marginwidth="0" marginheight="0">
<frame src="bottom.html" noresize frameborder="no" scrolling="no" marginwidth="0" marginheight="0">
</frameset>
el mas importante es el medio "center"
En center se tiene una tabla dividida en dos filas
la primera fila tiene 4 celdas dinamicas
<tr >
<td height="1" align="right" id="uno"><a target="_self" name="center2"><img src="spacer.gif"></a></td>
<td height="1" id="dos"></td>
<td height="1" id="tres"></td>
<td height="1" align="left" id="cuatro"><a name="center"><img src="spacer.gif"></a></td>
</tr>
y la segunda fila un colspan = "4" y la imagen de 1300px
en el parent tengo el siguiente codigo para centrar la imagen segun el tamaño de la ventana
var a,width,r,a_old;
window.onresize=center1
window.onload = center1
function center1(){
// determinar el tamaño de la ventana
var a = window.document.body.scrollWidth; //frames['center'].document.body
if(a==0 || a=="") {a = window.innerWidth;}
if(a != a_old ){
a_old = a;
if(a<=1280){
width = parseInt(a)/2;
r = 640 - parseInt(width);
window.frames['center'].document.getElementById('uno').width = r+1;
window.frames['center'].document.getElementById('dos').width = parseInt(width)-1;
window.frames['center'].document.getElementById('tres').width = parseInt(width)-1;//cell_right
window.frames['center'].document.getElementById('cuatro').width = r+1;
window.frames('center').location.hash ="#center";
window.frames('center').location.hash ="#center2";
}
}
}
espero que entiendan y me puedan dar una mano