Problema con CSS y IE

#1 (**permalink**) 21/06/2011, 14:19

Buenas, como siempre IE poniendo las cosas fáciles... Alguien tiene idea de cómo hacer que este código se vea igual en Chrome/Mozilla que en IE? Viene a ser un menú centrado, pero al ponerlo en IE se va hacia un lado.

Código:

<html>

<head>

<style>
.a
{
	width: 80%;
	height: 20px;
	background-color: #AAAAAA;
 	margin-left: auto;
 	margin-right: auto; 
	border: 1px solid;
	list-style-type: none; 
}

.b
{
	width: 100px;
	height: 20px;
	background-color: #00FF00;
	float:right;
	margin: 0px;
	padding: 0px;
}

.c
{
	width: 100px;
	height: 20px;
	background-color: #00FF00;
	float:left;
	margin-left: -40px;
	display:block;	
}

</style>

</head>

<body>
	<menu class="a">
		<li class="b">1</div>
		<li class="b">2</div>
		<li class="b">3</div>
		<li class="b">4</div>
		<li class="c">5</div>
		<li class="c">6</div>
		<li class="c">7</div>
		<li class="c">8</div>
	</menu>
</body>

</html>

Gracias!

Naahuel · #2 (**permalink**) 21/06/2011, 16:30

Añadiendo un doctype se arregla lo del centrado.

abimaelrc · #3 (**permalink**) 21/06/2011, 16:33

El "truco" es usando algún doctype y margin: 0 auto, especificando también un ancho.

ufff, esta pregunta la hacen una vez a la semana

#4 (**permalink**) 22/06/2011, 00:45

Hostiaaa! O_O No me imaginaba que el DOCTYPE fuese tan importante... Bueno, gracias! Problema solucionado!

jomaruro · #5 (**permalink**) 22/06/2011, 08:53

Hola:

Cita:

Iniciado por danihxh

~~Hostiaaa!~~

O_O No me imaginaba que el DOCTYPE fuese tan importante... Bueno, gracias! Problema solucionado!

Igual de importante que tener cuidado con ciertas expresiones que pueden molestar a terceros.

Saludos.