Diseño Centrado, falla solo con Firefox
 

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

Re: Diseño Centrado, falla solo con Firefox
 

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.

Re: Diseño Centrado, falla solo con Firefox
 

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

Re: Diseño Centrado, falla solo con Firefox
 

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

Re: Diseño Centrado, falla solo con Firefox
 

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.

Re: Diseño Centrado, falla solo con Firefox
 

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.

Re: Diseño Centrado, falla solo con Firefox
 

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

Re: Diseño Centrado, falla solo con Firefox
 

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 ;)