Problema para alinear (divs + tablas)

frasko01 · #1 (**permalink**) 10/12/2010, 04:47

Hola!

Estoy haciendo una web con divs y tablas. Sé que no es muy correcto pero es la única manera que tenía para que se viera más o menos igual en todos los navegadores.

El problema, por muy raro que suene, no es con IE sino con Firefox y Safari. Estos dos navegadores me descuadran el menú de abajo y al refrescar la página... SORPRESA! aparece en el lugar correcto.

Es muy extraño porque, a veces, la primera vez que entras todo está bien pero haces click en EMPRESA y luego vuelves a HOME y ahí es cuando se descuadra.

Pueden ver la web en: www.aceiteslacuna.com/nueva

Espero que puedan ayudarme. Muchas gracias y saludos!

JavierB · #2 (**permalink**) 10/12/2010, 04:48

Hola frasko01

Muevo tu tema al foro de CSS desde Web general.

Saludos,

inturias · #3 (**permalink**) 10/12/2010, 08:06

Código HTML:

Ver original<td align="left" valign="top" colspan="3">
            <table cellspacing="0" cellpadding="0" border="0" class="menu_pie">
                <tbody><tr>
                    <td align="left" width="835" valign="top">
                        <ul>
                                                        <li><a title="Home" id="seleccionado_pie" href="home">HOME</a></li>
                                                        <li><a title="Empresa" id="" href="empresa">EMPRESA</a></li>
                                                        <li><a title="PRODUCTOS" id="" href="productos">PRODUCTOS</a></li>
                                                        <li><a title="COSECHA" id="" href="cosecha">COSECHA</a></li>
                                                        <li><a title="SALUD" id="" href="salud">SALUD</a></li>
                                                        <li><a title="CONTACTO" id="" href="contacto">CONTACTO</a></li>
                                                        <li style="border: 0px none;"><a title="TIENDA" id="" href="tienda">TIENDA</a></li>
                        </ul>
                    </td>
                    <td align="left" valign="top" style="padding-left: 40px;">
                        <a href="#"><img border="0" style="padding-right: 5px;" title="Facebook" alt="Facebook" src="imagenes/facebook2.gif"></a>
                        <a href="#"><img border="0" style="padding-left: 5px;" title="Twitter" alt="Twitter" src="imagenes/twitter2.gif"></a>
                    </td>
                </tr>
            </tbody></table>
        </td>

Ahi tienes un colspan="3" creo que es por eso!!

Suerte!

frasko01 · #4 (**permalink**) 10/12/2010, 09:14

Gracias inturias, es cierto que el colspan="3" sobraba, pero ya lo he quitado y sigue igual.

Me inquieta una cosilla: en Firefox la tabla se desplaza hacia la derecha y en Safari hacia la izquierda. ¿Esto puede significar algo?

frasko01 · #5 (**permalink**) 16/12/2010, 06:18

¿Nadie sabe qué está fallando aquí?
Me está rompiendo la cabeza este problema.

Por favor, una ayudita.

opzina · #6 (**permalink**) 16/12/2010, 07:21

Eliminaste el Caché?

Recarga tu página con: CTRL + F5.

Prueba y dinos.

Usa Firebug.

Saludos.

frasko01 · #7 (**permalink**) 16/12/2010, 09:13

Ya uso firebug. La caché la borro casi cada vez que recargo.

Lo que me pasa es que la primera vez que entro está mal y cuando recargo se pone bien. ¿Qué puede ser?

Saludos.

frasko01 · #8 (**permalink**) 16/12/2010, 10:39

Lo que más me fastidia es que en Internet Explorer salga bien... es deprimente.
Estoy empezando a desconfiar de todos los navegadores.