Foros del Web » Creando para Internet » CSS »

Diseño Centrado, falla solo con Firefox

Estas en el tema de Diseño Centrado, falla solo con Firefox en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 12/03/2008, 04:48
 
Fecha de Ingreso: marzo-2008
Mensajes: 11
Antigüedad: 9 años, 9 meses
Puntos: 0
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
  #2 (permalink)  
Antiguo 12/03/2008, 22:26
Avatar de elquique  
Fecha de Ingreso: marzo-2004
Ubicación: Florida, Uruguay
Mensajes: 2.495
Antigüedad: 13 años, 8 meses
Puntos: 78
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.
__________________
Blog Jorge Oyhenard | Tutoriales Photoshop
  #3 (permalink)  
Antiguo 24/03/2008, 07:54
 
Fecha de Ingreso: marzo-2008
Mensajes: 11
Antigüedad: 9 años, 9 meses
Puntos: 0
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

Última edición por tefeta; 24/03/2008 a las 08:22
  #4 (permalink)  
Antiguo 24/03/2008, 13:07
Avatar de elquique  
Fecha de Ingreso: marzo-2004
Ubicación: Florida, Uruguay
Mensajes: 2.495
Antigüedad: 13 años, 8 meses
Puntos: 78
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
__________________
Blog Jorge Oyhenard | Tutoriales Photoshop
  #5 (permalink)  
Antiguo 24/03/2008, 14:05
 
Fecha de Ingreso: marzo-2008
Mensajes: 11
Antigüedad: 9 años, 9 meses
Puntos: 0
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.
  #6 (permalink)  
Antiguo 24/03/2008, 14:28
Avatar de elquique  
Fecha de Ingreso: marzo-2004
Ubicación: Florida, Uruguay
Mensajes: 2.495
Antigüedad: 13 años, 8 meses
Puntos: 78
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.
__________________
Blog Jorge Oyhenard | Tutoriales Photoshop
  #7 (permalink)  
Antiguo 24/03/2008, 14:58
 
Fecha de Ingreso: marzo-2008
Mensajes: 11
Antigüedad: 9 años, 9 meses
Puntos: 0
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

Última edición por tefeta; 24/03/2008 a las 15:25
  #8 (permalink)  
Antiguo 24/03/2008, 15:38
Avatar de elquique  
Fecha de Ingreso: marzo-2004
Ubicación: Florida, Uruguay
Mensajes: 2.495
Antigüedad: 13 años, 8 meses
Puntos: 78
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 ;)
__________________
Blog Jorge Oyhenard | Tutoriales Photoshop
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:39.