Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Diferente interpretacion entre navegadores (http://www.forosdelweb.com/f53/diferente-interpretacion-entre-navegadores-566593/)

dasan 16/03/2008 13:06

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

Raulmmmm 16/03/2008 13:14

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.

webpro_lukas 16/03/2008 15:08

Re: Diferente interpretacion entre navegadores
 
facil, dale a la lista este atributo: margin: 0 auto;

espero que te sirva :P

dasan 16/03/2008 16:01

Re: Diferente interpretacion entre navegadores
 
Gracias a ambos, pero no lo he conseguido con ninguno de los dos consejos ;-(

juaniquillo 16/03/2008 16:16

Re: Diferente interpretacion entre navegadores
 
La lista, ¿tiene un ancho fijo?

Mikmoro 16/03/2008 16:20

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.


La zona horaria es GMT -6. Ahora son las 09:41.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.