Buenas tardes! Pues vereis tengo una rallada bastante gorda con una sección de una página que estoy haciendo.
La página en si es en flash, el flash tiene un botón que pone "Tienda" y al darle a ese bóton abro una página totalmente nueva en html/css.
El caso es que toqueteando, conseguí, que se me centrase el bloque central, tanto horizontal como verticalmente y se adaptase dependiendo de el monitor/resolución:
código<html>
<head>
<title>Tienda</title>
<style type="text/css">
BODY{
background-color:#000000;
text-align: center;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#total{
display:table;
height:100%;
text-align: left;
margin: auto;
}
#contenido{
_position: absolute;
_top: 50%;
display: table-cell;
vertical-align: middle;
text-align:left;
width:400px;
}
#centrar{
_position: relative;
_top: -50%;
border-style:solid;
border-width:1px;
border-color:#FFFFFF;
}
#cabecera{
border-style:solid;
border-width:1px;
border-color:#FFFFFF;
}
#web{
border-style:solid;
border-width:1px;
border-color:#FFFFFF;
}
#Pie{
border-style:solid;
border-width:1px;
border-color:#FFFFFF;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body>
<div id="total">
<div id="contenido">
<div id=centrar>
<div id="cabecera">
<param name="movie" value="cabecera.swf">
<param name="quality" value="high">
<embed src="cabecera.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="940" height= "80"></embed>
</object>
</div>
<div id="web">
<iframe src="http://www.emssiweb.com/tienda-car-audio.php?categoria=1" name="ems" scrolling="auto" frameborder="0" id="ems" style="width:940px;height:400px" allowtransparency="false" framespacing="0" border="0">
</iframe>
</div>
<div id="Pie">
<param name="movie" value="piepagina.swf">
<param name="quality" value="high">
<embed src="piepagina.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="940" height= "20"></embed>
</object>
</div>
</div>
</div>
</div>
</body>
</html>
Pero el problema de esto es, que en el internet explorer 6 se ve pegado a la izquierda, y por más que toqueteo no consigo centrarlo.
Entonces mi pregunta es, si hay algun script o algo que haga, que si el cliente está consultando la web con el IE6, al llevarle a esta sección se le abra la misma pero con código que se vea en IE6.
Y si se os ocurre algún otro tipo de solucion pues perfecto.
Gracias!
