Perfecto en IE7, mal en el resto :(

[Julcar]

La verdad no se que sucede, acabo de subir mi diseño al dominio y puaf me doy la silla para atras, se ve perfecta en IE 7 (navegador que tenia disponible mientras maquetaba) y en IE 6, IE 8 y los demas (gecko, webkit, presto) se ve...

HORRIBLE!!!

Asi que le puse abajo la leyenda diseñado para IE 7.

Por favor analizen el codigo, y mencionen qué esta mal, qué es lo que hace que la web se vea bien en un solo navegador.

El codigo valida perfectamente XHTML 1.1 y CSS 2.1 asi que no esta mal escrito.

Gracias a todos.

[jomaruro]

Hola:

Lo veo con el Firefox y veo descolocado el buscador y el div enlaces pero por lo demás no sé como lo quieres colocar.

Saludos.

[kseso?]

Si lo que quieres es llevar la columna izquierda a su sitio, añádele a

Código css:

div#izquierda {clear: left;...}
 

pero tendrás que cambiar alguna cosilla más, creo.

[Julcar]

Aqui esta como quiero que se vea, directamente de browsershots.org

http://api.browsershots.org/png/orig...310ae11e04.png

[Julcar]

@Kseso? deberias llamarte Kgroso, le añadi clear:left y ahora se ve algo mejor, al menos en IE 8, dentro de poco voy a subirlo al server.

Estaré atento a las demas respuestas

Gracias

[jomaruro]

Hola:

Además de lo que te ha dicho kseso?, al principio de tu css maquetación.css, añade lo siguiente:

Código:

* {
padding:0;
margin:0 auto;
}

Sirve para resetear los padding y margin que cada navegador interpreta a su manera y es conveniente ponerlo siempre, tendrás que ajustar alguna cosa más pero se te arreglan un par de cosas, por lo menos en Firefox.

Saludos.

[NUCKLEAR]

Uso opera y no lo veo bien, voy a analizar a ver que pasa. ;)

[Julcar]

Gracias a todos, voy a probar lo que dice jomaruro

[Julcar]

Bien, con agunos ajustes y lo que dice jomaruro se arregló la maquetacion con ie 8 y supongo que de igual forma con los demas, y lo mejor es que no se ha corrompido el diseño en ie7. Aunque faltan detalles que debo arreglar, gracias a todos

[jomaruro]

Hola:

Me alegro de haberte sido útil.

Saludos.

[Julcar]

Bien, el problema se ha solucionado en gran parte, pero aún tengo un problema pequeño pero significativo.

En IE 7 se ve perfectamente las capas #enlaces y #fecha, pero en los demas se descuadra, y en el parrafo de fecha no aparece el background del icono.

Gracias a todos

[Julcar]

Muy bien, con la gran ayuda de los !IMPORTANT (un regalo de dios) he logrado que se vea un 99% igual que IE7 en IE6, y me impresiona haber hecho esto y que no se vea igual en firefox, chrome, opera y el mas aplaudido IE8.

He revisado mil veces el codigo y no veo que puede estar fallando.

Por favor imploro ayuda

[jomaruro]

Hola:

Tengo una duda, no encuentro definido el div cabecera, y no se si el problema puede estar ahí.

Saludos.

[Julcar]

Iniciado por jomaruro

Hola:

Tengo una duda, no encuentro definido el div cabecera, y no se si el problema puede estar ahí.

Saludos.

Es cierto, pero no sé que propiedades deba llevar cabecera para evitar ese dichoso problema.

[kseso?]

todavía así?
a #enlaces quítale el float, la fecha sitúala dentro de #enlaces.
Y por cierto ¿cómo es que #derecha está con float:left?

[Julcar]

Iniciado por kseso?

todavía así?
a #enlaces quítale el float, la fecha sitúala dentro de #enlaces.
Y por cierto ¿cómo es que #derecha está con float:left?

derecha tiene float:left porque tenia la idea de establecerles ancho fijo a todas las capas y para que no me queden espacios en blanco en la capa central, las arrumo todas a la izquierda y quedan bien.

sobre lo anterior quedó peor, ni en firefox ni en ie 7.

Una pregunta, si alguien entra con IE 8 hay alguna forma de provocar que el navegador use modo de compatibilidad automaticamente?

Y si ingresan con otro navegador decirles que no podran navegar satisfactoriamente.

[Raenk]

Julcar, te recomiendo que utilices la extensión "firebug" para firefox. Te ayuda a visualizar tu maquetación y definir fácilmente el origen de los problemas.

Si sigues con problemas, agregame al MSN, con gusto te echo una mano.

Saludos