2009-08-17 15 views
9

Estoy usando el marco CSS 960.gs en un sitio y he tenido problemas casi instantáneamente con IE (7, aunque supongo que 6 no es mejor).960 Cuadrícula se alinea a la izquierda en Internet Explorer

<html> 
<head> 
    <link rel="stylesheet" href="design/reset.css" /> 
    <link rel="stylesheet" href="design/960.css" /> 
    <link rel="stylesheet" href="design/text.css" /> 
</head> 
<body> 
    <div class="container_12">abc</div> 
</body> 
</html> 

Dada esta HTML anterior (la CSS es sólo los archivos incluidos con 960), Firefox y Chrome centro de la red, mientras que empuja IE hacia la izquierda.

He usado 960 antes sin ningún problema, así que creo que debo estar haciendo algo realmente estúpido. ¿Alguien puede ayudar?

+0

Si es posible, cambie el título de esta pregunta a "960 Degree Grid alineados a la izquierda en Internet Explorer" esto podría ayudar a otros a encontrar fácilmente esta pregunta resuelta ... ¡salud! – foxybagga

+0

@Pushpinder - se llama '960.gs (para grid-system), y si busca "960gs alinea a la izquierda en Internet Explorer", este es el tercer resultado. – nickf

Respuesta

25

Debe incluir un DOCTYPE al comienzo de su HTML, de lo contrario, el CSS no saldrá bien en IE. Puede usar la del archivo de demostración que viene con el paquete 960.

+2

Gracias! '' fue todo lo que necesitó. Bizarro, pero cierto. – nickf

+0

Funcionó para mí también. ¡Gracias! –

+0

Funcionó aquí también. ¡Gracias! – Justin

2

Se debe tener en cuenta que no puede haber nada delante de la etiqueta DOCTYPE.

Por ejemplo, la plantilla HTML predeterminada de Netbeans tiene unas pocas líneas de comentarios HTML antes de DOCTYPE, así que asegúrese de eliminar eso para que 960.gs funcione.

Cuestiones relacionadas