Ver Mensaje Individual
  #6 (permalink)  
Antiguo 15/01/2007, 12:26
marilinadg
 
Fecha de Ingreso: enero-2007
Ubicación: perdida entre líneas de código...
Mensajes: 235
Antigüedad: 17 años, 3 meses
Puntos: 1
De acuerdo Re: Fondo fuera pág vs fondo dentro pág

Solo para aclarar, diré que #contenedor es quien contiene a tooooda la pág (incluyendo la barra lateral que contiene enlaces, botonera, etc) ,el encabezado y el resto del contenido)
El .contenedor central es el que contiene la info dinámica.
y el pie a veces lo he puesto dentro del contenedor central y asi solucioné el problema, pero eso no siempre funciona, en realidad el problema surge cuando el contenido dinámico es demasiado pequeño en relación al alto de la barra lateral, entonces el pie me queda al medio de la pág (en realidad a 20px por debajo de lo último que aparece porque asi lo puse el el css) quiero que me quede siempre al final y que el fondo sea bco.
Buenoi mil gracias al que se digne a leer este choclo y le encuentre una respuesta!
Acá van los estilos que tengo en un archivop por separado .css


* {
margin: 0;
padding: 0;
}


body {
font-family:"Trebuchet MS", Tahoma, Arial;
font-size:12px;
text-align:center;
line-height:1.2em;
background-color:#8C953B;
background-image:url(imagenes/pattern.gif);
}

#contenedor {
width:950px;
height:auto;
margin:0 auto 0 auto;
text-align:center;
padding:0;
border:1px solid #8C953B;
background-color:#FFFFFF;
}
.logo1 {
margin: 0;
width: 314px;
float: left;
}
.flash {
margin:0;
float:left;
width: 636px;
}
.logo2 {
margin:0;
float:left;
width: 950px;
}

.botonera {
float:left;
padding: 20px 0 0 20px;
}

.buscar {
float:left;
padding-top: 20px;
margin: 0 0 0 5px;
}

.texto-barra-lateral {
float:left;
margin: 10px 0 0 3px;
width: 130px;
padding: 10px 0 5px 10px;
border-top: solid 1px #8C953B;
}

.form {
float:left;
margin: 0 0 0 5px;
}

.link {
font-size:12px;
color:#FF6600;
text-decoration: none;
font-style:italic;
}
.boton {
font-size:12px;
border:#8C953B solid 1px;
background-color:#DEDCB0;
color:#8C953B;
width:60px;
font-weight: bold;
margin-top: 5px;
}

.pie {
float:right;
width:780px;
margin-top:20px;
border-top: 1px solid #8C953B;
color:#999999;
font-style:italic;
padding:5px 0 5px 0;
z-index:2;
}

.borde-cierre {
float:left;
background-color:#8C953B;
width:950px;
height:15px;
}