Diferencias con IE y Firefox....

turco_7 · #1 (**permalink**) 22/04/2006, 15:40

Hola a todos ...tengo el siguiente problema ..
estoy haciendo una web, la estaba probando con firefox, pero cuando la quize probar en IE los menues salian desalineados, la pagina no estaba centrada ...

asi que he creado dos hojas de estilo, y con PHP compruebo cual es el navegador del visitante, y dependiendo de eso cargo una u otra ..
el tema es que para la hoja de estilo de firefox para alinear al centro le pongo
margin: auto;

y para IE como tengo que hacer ?

he probado de muchas formas .. pero ni ..
Asi es como lo tengo para el firefox ..

Cita:

#container {
width: 780px;
background-color:#FFF;
text-align:left;
margin: auto; }

saludos y gracias ...

caricatos · #2 (**permalink**) 22/04/2006, 16:37

Hola:

Aunque sea una etiqueta desaconsejada, center te podría servir... también podría servir text-align: center (aunque no se trate de texto)... y lo que me parece que hace que explorer acomode bien los márgenes, es usando un doctype... otra cosa que recuerdo haber visto es con margin-left: auto; margin-right: auto...

Saludos

webosiris · #3 (**permalink**) 22/04/2006, 16:46

a mi me funciona con ie margin:auto usando xhtml 1.0 strict... ¿que doctype estás usando?

AlZuwaga · #4 (**permalink**) 22/04/2006, 17:37

Cita:

Iniciado por webosiris

¿que doctype estás usando?

Yo creo que ninguno, sino IE6 se le centraría.

turco_7 · #5 (**permalink**) 22/04/2006, 18:21

mmm que buena pregunta ... primero empeze haciendolo con block de notas, despues con dreamweaver ...
se que esta mal, y que tendria que saberlo, pero como hago para saberlo ?
saludos...

reymundolopez · #6 (**permalink**) 23/04/2006, 13:45

Que no es más facil usar condicionales en lugar de PHP?

Y bueno, para centrar en IE es más facil así:

Cita:

body{
aling-text:center;
}

segun creo yo.

PD: es mi primer mensaje jejeje.!

turco_7 · #7 (**permalink**) 23/04/2006, 14:02

lo que hago con PHP es cargar un CSS dependiendo del navegador que uses, ya que algunas cosas cambian, por ejemplo hice un menu, en firefox me sale bien alineado, y en IE me sale en cualquier parte..
el codigo que uso es

Código PHP:

  <?
if (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE')== true) { ?>
<link href="ie.css" type="text/css" rel="stylesheet" /> 
<? } else if (strpos($_SERVER['HTTP_USER_AGENT'], 'Firefox') == true) {?> 
<link href="firefox.css" type="text/css" rel="stylesheet" /> 
<? 
} 
?>

reymundolopez · #8 (**permalink**) 23/04/2006, 14:07

OK, eso lo veo correcto, pero... y Opera, Safari, Seamonkey, Netscape?

webosiris · #9 (**permalink**) 23/04/2006, 14:08

Cita:

Iniciado por turco_7

se que esta mal, y que tendria que saberlo, pero como hago para saberlo ?

te recomiendo leer esto y esto.

Cita:

lo que hago con PHP es cargar un CSS dependiendo del navegador que uses,

te recomeindo leer comentarios condicionales para IE...

Cita:

Iniciado por reymundolopez

PD: es mi primer mensaje jejeje.!

Hola, bienvenido

...

turco_7 · #10 (**permalink**) 23/04/2006, 14:17

grcias webosiris....

reymundolopez, es verdad hay que probarlo en varios navegadores...

saludos

reymundolopez · #11 (**permalink**) 23/04/2006, 14:25

No es tanto que lo pruebes con distintos navegadores, sino que usar condicionales te ayuda mucho más.

Es que la mayoria de los navegadores (excepto IE) acepta y usa estandares.

Entonces, usando condicionales le indicas a IE que utilice tu estilo.

Pero también hay condicionales para diferentes versiones de IE, y bueno, el asunto aquí es que gracias a estos puedes agregarle o quitarle estilos a IE y puedas meter algunos hacks para acoplar tu web.