Margen: Auto no funciona en IE

URL: http://cyberbat.co.uk/test Margen de contenedor: auto no funciona, ¿hay alguna otra manera de ponerlo en el medio en IE.Margen: Auto no funciona en IE

EDITAR: Verifíquelo de nuevo, el index.php era el archivo equivocado, lo reemplacé con index.html.

Fuente

2011-10-18 Lewes

La mala pregunta. Muestra alguna fuente HTML, no queremos tener que buscarla desde tu enlace ... ¿y poner exactamente lo que está en el medio? – musefan

Solo necesita un contenedor para '.page' que su' text-align' debe ser 'center'. IE no puede centralizar una * etiqueta de bloque * (como 'div's o' ul's) a través de 'margin'. Vea el siguiente código en la respuesta –

El enlace ya no funciona. –

utilizar esto en contenedor primario para los navegadores estúpidos:

text-align: center

Fuente

2011-10-18 16:10:55

tiene código php RAW, porque no se ha configurado correctamente el servidor:

<?php 
include('inc/settings.php'); 
?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

resolver ese problema mediante la aplicación de PHP a * Los archivos .html y <?php include ?> no aparecerán literalmente. Si no recuerdo mal, ajustar esta línea en el archivo .ini a ser:

AddType application/x-httpd-php .html .htm .php

Debido a que este código de fondo literal es frente a la DOCTYPE, hace que el modo de peculiaridades en IE y en caprichos márgenes horizontal auto no lo hacen funcionar correctamente.

Puede ir con text-align: center en el elemento principal, pero eso es un truco para IE y debe resolverlo correctamente haciendo que IE lo renderice en modo estándar desde mi sugerencia anterior.

Fuente

2011-10-18 16:11:09

Internet Explorer muestra su sitio web en el modo de peculiaridades debido a esta instrucción de procesamiento falsa en la parte superior de marcado:

<?php 
include('inc/settings.php'); 
?>

quitarlo; margin: auto funciona en IE6 +. Hay no necesita hacer text-align: center u otros cambios innecesarios.

Fuente

2011-10-18 16:11:49 duri

Disculpa, ese era el archivo php. Compruébelo nuevamente, puse el archivo index.html para reemplazar el archivo index.php. – Lewes

@Lewes Si abro el enlace que proporcionó, aún puedo ver ' duri

¡Esto es un error en IE! Sólo se necesita para crear un soporte para <div class="page"> y establecer su text-align a center

.page-holder{ 
 
    text-align:center; 
 
} 
 
.page{ 
 
    margin:0 auto; 
 
}

<div class="page-holder"> 
 
    <div class="page"> 
 
    page content 
 
    </div> 
 
</div>

Fuente

2011-10-18 16:14:35

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">

Su problema es definir el tipo y el nivel de archivos. si agrega este código a la parte superior de su archivo, ¡funcionará!

Fuente

2012-10-14 13:55:04

¿Y por qué esto funcionará? Sugerencia: «modo de las peculiaridades» – nalply

¡He añadido HTML 5's ' ', ahora IE se comporta como se esperaba. 10x –

intente utilizar lo siguiente en el elemento principal.

display: flex; 
align-items: center;

Fuente

2015-11-24 14:08:14

O mostrar: flex on the parent y align-self: centrar en el elemento secundario si solo quiere ese elemento centrado verticalmente – RustyToms

Trate de añadir un registro meta a head:

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

Fuente

2016-12-19 14:31:19 tulsluper

Esto realmente funcionó mejor que todos los otros métodos mencionados para hacer que mi página se muestre en IE11 de la misma forma que lo hace en Chrome. – Rawrcasm

Respuesta

Cuestiones relacionadas