Foros del Web » Creando para Internet » CSS »

Footer que acompañe al contenedor

Estas en el tema de Footer que acompañe al contenedor en el foro de CSS en Foros del Web. Muy buenas, necesito que el footer acompañe al contenedor, es decir, tengo un contenedor con una medida(alto,ancho) fija, pero en otra parte del sitio, (el ...
  #1 (permalink)  
Antiguo 05/01/2011, 20:18
Avatar de VbOkonly  
Fecha de Ingreso: julio-2009
Ubicación: San Justo, Buenos Aires, Argentina
Mensajes: 490
Antigüedad: 8 años, 5 meses
Puntos: 5
Pregunta Footer que acompañe al contenedor

Muy buenas, necesito que el footer acompañe al contenedor, es decir, tengo un contenedor con una medida(alto,ancho) fija, pero en otra parte del sitio, (el contenido es mas pequeño) ;contenedor tiene el mismo alto pero el footer esta "descolocado".
Es decir, cuando se agrande/achique el contenido, quiero que el footer este al final del contenedor y no en el medio o un poco descolocado en algunas partes del sitio ...
HTML
Código HTML:
<div id="footer">
    <p><br />
      <br />
    - Copyright 2011 - All rights reserved - www.resize.com.ar - </p>
  </div> 

CSS
Código HTML:
#footer {
	height: 69px;
	width: 1024px;
	background-image: url(Images/bgfooter.jpg);
	background-repeat:  repeat-x;
	text-align: center;
	font-family: verdana;
	font-size: 15px;
	font-weight: bold;
	background-color: #BC2F1E;
	clear: both;
	color: #FFFFFF;
}

#contenedor {
	height: 800px;
	width: 1024px;
	margin: 0 auto;
}
Creo que esto sirve, cualquier cosa diganme y pongo mas codigo.
  #2 (permalink)  
Antiguo 05/01/2011, 20:33
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: Footer que acompañe al contenedor

probaste dando margin-top al footer?
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #3 (permalink)  
Antiguo 05/01/2011, 20:44
Avatar de VbOkonly  
Fecha de Ingreso: julio-2009
Ubicación: San Justo, Buenos Aires, Argentina
Mensajes: 490
Antigüedad: 8 años, 5 meses
Puntos: 5
Respuesta: Footer que acompañe al contenedor

Si, pero no funciona :/
  #4 (permalink)  
Antiguo 06/01/2011, 00:09
Avatar de Null_  
Fecha de Ingreso: octubre-2008
Ubicación: Santiago
Mensajes: 530
Antigüedad: 9 años, 1 mes
Puntos: 30
Respuesta: Footer que acompañe al contenedor

Simplemente debes dejar separados los elementos en el HTML:

Cita:
<div id="contenedor">
...
</div>
<div id="footer">
...
</div>
Un saludo.
__________________
Diego Escares
• Twitter: @diegoescares
• Web: diegoescares.com
  #5 (permalink)  
Antiguo 06/01/2011, 22:37
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Respuesta: Footer que acompañe al contenedor

Hola,

¿Para que utilizas los </br>?

#footer {
height: 69px;
width: 1024px;
background: #BC2F1E url(Images/bgfooter.jpg) repeat-x;
text-align: center;
font-family: verdana;
font-size: 15px;
font-weight: bold;
clear: both;
color: #FFFFFF;
magin-top: -69px;
}

Prueba esto.

Saludos.

Etiquetas: contenedor, footer
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 20:00.