Foros del Web » Creando para Internet » CSS »

Maquetacion con CSS y Firefox

Estas en el tema de Maquetacion con CSS y Firefox en el foro de CSS en Foros del Web. Haber si alguien me puede sacar de este problema problema El problema ocurre en el firefox; La idea es hacer una maquetacion con 5 capas ...
  #1 (permalink)  
Antiguo 06/05/2005, 15:49
Avatar de unanime  
Fecha de Ingreso: diciembre-2002
Mensajes: 46
Antigüedad: 15 años
Puntos: 0
Pregunta Maquetacion con CSS y Firefox

Haber si alguien me puede sacar de este problema problema

El problema ocurre en el firefox;

La idea es hacer una maquetacion con 5 capas de la siguiente manera:

#contenedora
-----------------------------------------------------
| #############header################ |
| |
| ################### ########## |
| ################### ########## |
| ######lateral A ###### #Lateral B ## |
| ################### ########## |
| ################### ########## |
| |
| #############footer ################ |
-----------------------------------------------------


el cSS es este:

#contenedora
{
text-align: left;
width: 654px;

background-image:url('images/bg_cont.jpg');
margin: auto;
}

#header {
text-align: left;
width: 654px;
height:64px;
background-image:url('images/bg_header.jpg');
margin: auto;

}



#lateralA{
width:240px;
margin-left: 20px;
padding: 12px 0px 10px 0px;
background-color : red;

float:left;

}


#lateralb{
width: 130px;

background:green;
float:right;

}




Cuando visualizo la paguna en el fire-fox me quedan las capas header y footer pegadas y las laterales superpuestas a estas , es decir, el footer no baja a medida que crese las capas laterales. ya probe poniendo una nueva capa que contenga a estas dos capas "laterales" pero el problema sigue...

Muchas gracias por su tiempo !
  #2 (permalink)  
Antiguo 06/05/2005, 17:39
Avatar de codigoflecha  
Fecha de Ingreso: noviembre-2004
Mensajes: 325
Antigüedad: 13 años, 1 mes
Puntos: 3
que tal si también pones el code del footer, a ver si puedo ver donde esta el error.
un saludo
  #3 (permalink)  
Antiguo 07/05/2005, 05:31
 
Fecha de Ingreso: marzo-2004
Ubicación: Sureste
Mensajes: 186
Antigüedad: 13 años, 9 meses
Puntos: 0
Hola unanime,

Mira a ver si este link te puede ayudar. A mí me ayudó bastante :)

http://cafeina.ladybenko.net/wp-cont...ssesamo01.html

Un saludo,
Kailea
  #4 (permalink)  
Antiguo 07/05/2005, 12:15
Avatar de hunab  
Fecha de Ingreso: febrero-2005
Ubicación: Barcelona
Mensajes: 133
Antigüedad: 12 años, 9 meses
Puntos: 1
yo quitaria el float:right de lateralb(no lo necesitas) y pondria un margin-left:260px, tampoco has puesto el codigo del footer, aunque solo tendria q haber un clear:both
__________________
Marcio Barrios
marciobarrios.com // artículos sobre estándares y desarrollo web
  #5 (permalink)  
Antiguo 07/05/2005, 14:47
n2h
 
Fecha de Ingreso: octubre-2004
Mensajes: 163
Antigüedad: 13 años, 1 mes
Puntos: 0
inmediatamente despues que terminen los dos laterales (izquierda y derecha), inserta este codigo:

<p style="clear:both; margin:0;padding:0;"></p>

Eso va a crear un espacio debajo de los dos floats y asi va a tirar tu footer debajo de ellos :).
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 18:59.