IE 8 y margin auto

anuskinina · #1 (**permalink**) 29/03/2010, 06:02

Buenas

Hace unos dias pregunte como centrar una capa y me dijeron que con margin: auto lo conseguia. Y asi fue pero solo con Firefox. Tengo IE 8 y no se me centra ninguna capa.

Necesito conseguirlo con IE porque con firefox hay cosas mas importantes que no me funcionan...

Os dejo el codigo de la css:

.paginaCompleta {

background-color: red;
margin:auto;
width: 1024px;
height: 768px;

}

Gracias por adelantado

Impostor · #2 (**permalink**) 29/03/2010, 06:26

Buenas, prueba con

Código CSS:

Ver originalmargin: 0 auto;

Eso funciona en IE8, puedo que algún otro código de la página este interfiriendo.

Saludos¡¡

anuskinina · #3 (**permalink**) 29/03/2010, 06:32

No funciona tampoco. No hay posibilidad de que interfiera otra parte del código porque lo hice a parte para ver si me funcionaba de ese modo. Solo tengo en la css el trozo que he puesto y en el html la capa creada y nada mas...

Impostor · #4 (**permalink**) 29/03/2010, 07:24

Buenas,

por si me estaba volviendo loco he probado el código en mi internet explorer y centra la capa perfectamente. Sera mejor que pongas tu código completo.

Saludos¡¡

anuskinina · #5 (**permalink**) 29/03/2010, 07:54

Ok

Codigo css:

.paginaCompleta {

background-color: red;
margin:0 auto;
width: 1024px;
height: 768px;

}

Codigo html:

<HTML><link rel="stylesheet" type="text/css" href="style\front-end.css">

<HEAD>

<TITLE> YoCompro </TITLE>
</HEAD>
<BODY>


<div class="paginaCompleta">

</div>

</BODY>

</HTML>

Impostor · #6 (**permalink**) 29/03/2010, 08:12

mmm, es posible que este fallando la forma en la que vinculas la hoja de estilos, verifica que la ruta este bien, y para confirmarlo, incluye el css en tu código html directamente con la etiquetas

Código HTML:

Ver original<style type="text/css">
.paginaCompleta {
 
background-color: red;
margin:0 auto;
width: 1024px;
height: 768px;
 
}</style>

Saludos¡¡

anuskinina · #7 (**permalink**) 29/03/2010, 08:21

Incluyendolo en el html sigue saliendo a la izquierda.

Es posible que no funcione con IE 8? Tu tienes esa version?

Impostor · #8 (**permalink**) 29/03/2010, 08:24

Buenas,

funciona en ie6, ie7, ie8, firefox 2.6.2 y Chrome. En todos probados por mi.

anuskinina · #9 (**permalink**) 29/03/2010, 08:34

Argg esto es horrible... v.v

Que me puede pasar..?

abimaelrc · #10 (**permalink**) 29/03/2010, 08:34

Borra el cache y vuelve a intentarlo.

anuskinina · #11 (**permalink**) 29/03/2010, 08:43

Nada...sigue a la izquierda

Impostor · #12 (**permalink**) 29/03/2010, 09:03

Por probar, reduce el width a 600px y dinos si se centra.

Saludos¡¡

anuskinina · #13 (**permalink**) 29/03/2010, 09:23

Que va, mas pequeñito pero a la izquierda.

He probado a desisntalar IE 8 y volverlo a instalar. Salia a la izquierda cuando estaba desistalado y despues de volver a instalarlo a la izquierdata también. Tambien he probado en el portatil y nada...

Creo que voy a tener que ingeniarmelas con Firefox v.v

jomaruro · #14 (**permalink**) 30/03/2010, 15:33

Hola:

¿Qué hace esto aquí?

Cita:

Iniciado por anuskinina

Debería ir aquí:

Cita:

<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="style\front-end.css">

Es decir, dentro del <head></head>, por lo tanto te recomiendo que antes de seguir te leas los manuales de HTML y CSS de www.librosweb.es

Saludos.

willyfc · #15 (**permalink**) 30/03/2010, 15:56

Aparte de no estar vinculada correctamente sería necesario también un dtd

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<link rel="stylesheet" type="text/css" href="style\front-end.css">
</head>
 
<body>
      <div class="paginaCompleta ">
                   Contenido
      </div>
</body>
</html>