Diseño Centrado, falla solo con Firefox

[tefeta]

Hola, tengo un diseño web que se visualiza mal con Firefox y bien con Ie. Esta dividido en 3 partes cabecera, cuerpo y pie, el cuerpo a su vez en menu y contenido.

El problema es que cnd acaba el menu, el resto de los datos del contenido aparecen debajo del menu, y quiero que el contenido este en un bloque asta el pie, y la parte del menu en blanco.

Podeis ver un ejemplo en: http://www.fincalosllanos.org/in.html
hoja de estilo: http://www.fincalosllanos.org/cs/style.css

salu2

[elquique]

Yo creo que haz complicado mucho tu CSS, con esos relativos y absolutos y negativos.

Para mi el diseño es un div general centrado al medio, un div de cabecera con ancho igual al general, una columna izquierda de ancho fijo, flotando a la izquierda, un contenido con ancho fijo flotando a la izquierda (o derecha).
Y un div de pie, y a estos 2 últimos un clear para que quede abajo.


Todo eso funciona igual en Opera, Firefox, e IE, pero creo que tu en vez de usar un FireFox para hacer las cosas, comienzas desde IE y debes recordar que en IE no respeta los estándares y muchos parámetros están diferentes, es mejor usar FF y seguro lo veras bien en todos los demás. En este caso y haciendo los divs como comento lo único que deberías redefinir son los margenes y paddings a cero o con determinado valor, ya que eso justamente es una de las cosas que IE toma diferente por defecto y redifiniendolo te evitas estos problemitas.

[tefeta]

gracias, elquique. Siento tanto la tardanza pero estaba de viaje. He simplificado la CSS, en IE me sale como deseo, pero en Firefox hace unas cosas muy raras, los margin y padding los he dejado por defecto, vamos que no los he tocado. El atributo clear era la primera vez que lo usaba y creo que lo he puesto bien. Me gustaria que me exasen una mano con el Firefox xq está realmente mal.

Aqui les dejo los enlaces:

Web:
http://www.fincalosllanos.org/misWebs/

CSS:
http://www.fincalosllanos.org/misWebs/css/style.css

gracias

[elquique]

Estas confundido, en FireFox se muestra bien, o sea se muestra como tu lo hiciste.

En IE, se muestra mal, y lo ves bien porque el navegador lo entiende casualmente de esa forma.

Comienza corrigiendo los problemas que tienes por ahí:

http://validator.w3.org/feed/check.c...s.org/misWebs/

class, permite definir una clase CSS, y puedes tener todos los que quieras.

id, identifica un único elemento, no puedes repetirlo, por tanto eso de tener varios id="sub" no va.

Corrige lo que te marca el validador, organiza tu xHTML y CSS y para que este bien armado y se pueda ver en los navegadores.

Recuerda que siempre es mejor trabajar y probar todo en un navegador web, recién al final probar de mirarlo en IE, tu estas haciendo al revés :P

[tefeta]

ya me di cuenta, y lo cambie a class. Entonces que debo hacer para que quede igual que esta en IE, con que atributos del css debo jugar. Le he dado tantas vueltas que estoy echo un lio.

[elquique]

No corregiste los errores.

Si el HTML esta mal, se ve mal :)

http://validator.w3.org/check?uri=ht...s.org/misWebs/

lo cual es lógico.

[tefeta]

ya esta libre de errores, y se siguia viendo mal. Pero es el primer paso. Le he puesto el tamaño vertical de la cabecera y me ha quedado centrado, pero ahora se ve mal en IE, pero tocando los margenes espero que se vea bien.


Gracias

[elquique]

Yo en FireFox, Opera, IE 6, IE7, ahora mismo lo veo bien, solo se descuaja un poco en IE8 Beta, y el display de mi microondas ;)