Foros del web, para los que viven de bits

dasan · 16-mar-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 · 16-mar-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 · 16-mar-2008, 15:08

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

espero que te sirva :P

dasan · 16-mar-2008, 16:01

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

juaniquillo · 16-mar-2008, 16:16

La lista, ¿tiene un ancho fijo?

Mikmoro · 16-mar-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.

16-mar-2008, 13:06	#1 (permalink)
dasan Fecha de Ingreso: agosto-2005 Mensajes: 22	Diferente interpretacion entre navegadores 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

16-mar-2008, 13:14	#2 (permalink)
Raulmmmm Fecha de Ingreso: marzo-2007 Ubicación: En otro lugar que tú Mensajes: 1.322	Re: Diferente interpretacion entre navegadores Pues no sé, pero prueba a poner, en vez de .prueba, .prueba div ul. Quizás eso te solucione el problema.

16-mar-2008, 15:08	#3 (permalink)
webpro_lukas Fecha de Ingreso: agosto-2006 Ubicación: en mi casa Mensajes: 174	Re: Diferente interpretacion entre navegadores facil, dale a la lista este atributo: margin: 0 auto; espero que te sirva :P

16-mar-2008, 16:01	#4 (permalink)
dasan Fecha de Ingreso: agosto-2005 Mensajes: 22	Re: Diferente interpretacion entre navegadores Gracias a ambos, pero no lo he conseguido con ninguno de los dos consejos ;-(

16-mar-2008, 16:16	#5 (permalink)
juaniquillo Colaborador Fecha de Ingreso: noviembre-2005 Ubicación: San Juan Mensajes: 3.610	Re: Diferente interpretacion entre navegadores La lista, ¿tiene un ancho fijo? __________________ Por fin.. tengo algo parecido a un blog Sólo espero escribir un artículo algún dia...

16-mar-2008, 16:20	#6 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 3.351	Re: Diferente interpretacion entre navegadores 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.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado