Diferente interpretacion entre navegadores

dasan · #1 (**permalink**) 16/03/2008, 13:06

Quiero centrar los componentes de una lista que tengo dentro de una celda. En IE funciona bien, pero en Mozilla nada.

El código que tengo es:

<table class="table_cont_izq">
<tr>
<td class="prueba">
<div id="menuv">
<ul>
<li><a href="">Quienes somos</a></li>
<li><a href="">Enseñanza</a></li>
<li><a href="">Vehículos</a></li>
<li><a href="">Enlaces</a></li>
</ul>
</div>
</td>
</tr>
</table>

La <td class="prueba"> tiene una CSS con text-align: center;

¿Por qué funciona en IE pero no en Mozilla?. ¿Cómo puedo solucionarlo?

Muchas gracias

Raulmmmm · #2 (**permalink**) 16/03/2008, 13:14

Pues no sé, pero prueba a poner, en vez de .prueba, .prueba div ul. Quizás eso te solucione el problema.

webpro_lukas · #3 (**permalink**) 16/03/2008, 15:08

facil, dale a la lista este atributo: margin: 0 auto;

espero que te sirva :P

dasan · #4 (**permalink**) 16/03/2008, 16:01

Gracias a ambos, pero no lo he conseguido con ninguno de los dos consejos ;-(

juaniquillo · #5 (**permalink**) 16/03/2008, 16:16

La lista, ¿tiene un ancho fijo?

Mikmoro · #6 (**permalink**) 16/03/2008, 16:20

Hola, dasan.
Pues no estoy seguro de entenerte bien, pero este código muestra la lista centrada tanto en IE6 como en Firefox.

Cita:

<!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">
<head>
<title>Celda centrada</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">
.prueba {text-align: center;
}
</style>
</head>
<body>
<table class="table_cont_izq" border="1">
<tr>
<td class="prueba">
<div id="menuv">
<ul>
<li><a href="">Quienes somos</a></li>
<li><a href="">Enseñanza</a></li>
<li><a href="">Vehículos</a></li>
<li><a href="">Enlaces</a></li>
</ul>
</div>
</td>
</tr>
</table>
</body>
</html>

Ya contarás.
Mikel.