Problema Centrar con Firefox
3 seguidores
Hola a todos, :shock:
Estoy preparando el skin de un foro phpBB y tengo un problema para centrar la tabla principal en Firefox: se alinea a la izquierda.
En IE se ve bien así que no sé qué he podido hacer mal.
El estilo que acompaña a la tabla principal es el siguiente:
<code>table.mainwindow {
margin-left: 5px;
margin-right: 5px;
border-left: 5px solid #ffffff;
border-right: 2px solid #ffffff;
background-color: #EEE9E2;
width: 600px;
height: 100%;
text-align: center;
}</code>
Gracias a todos por adelantado. :)
theom3ga
Bueno supongo que será mejor usar el mismo método javascript para todos y yasta no? Supongo que Safari será compatible con getElementsById y con clientWidth para centrar la web, digo yo.
orange
JOE conb el Safari ... con mi sitio también tiene problemas, aunque creo que lo centra bien ¿?¿?
En cualquier caso creo que es una utopía ...
helviox
Ahora tengo el mismo problema pero con Safari... :?
¿Hay alguna forma de igualarlos todos o es una utopía?
orange
Si, el js vale para todos ... de todos modos me alegra saber que en las versiones más recientes del Explorer ya no hace falta ... otro agujero menos que tapar en el futuro ...
:D
helviox
Pues en... 6.0.2600.0 no hay caso :P
De todas formas el .js lo contempla, así que no hay problema.
<fieldset>The fix, made for Internet Explorer 5 & 6, will setup the margins for every element in the document that uses margin : auto, margin : value auto, margin-left : auto & margin-right : auto, margin : value auto value, or margin : value auto value auto.</fieldset>
orange
Pues en el mio si ...6.0.2800.1106 -- WinXP Service Pack 1
helviox
orange
En Explorer 5.0 y 5.5 no te la respeta...
Ni en Explorer 6.0 tampoco, ¿no? Al menos en el mío, no.
orange
Es la más limpia que existe, a mi me tiene enamorado ... a ver para cuando se puede hacer algo así en vertical ...
helviox
Puf... qué quebradero de cabeza me has quitao. :D Funciona a la perfección.
Muchas muchas gracias.
orange
Para centrar horizontalmente la mejor solución es esta
<code>nombreEstilo {
width: XXXpx;
position: relative;
margin-left : auto;
margin-right : auto;
}</code>
En Explorer 5.0 y 5.5 no te la respeta (lo alinea a la izquierda, y tienes que linkar un javascript que soluciona en problema ... echale un ojo a este link, donde pone Internet Explorer Margin Fix
http://www.stilleye.com/scripts/marginfix