Foros del Web » Creando para Internet » CSS »

[Urgente] Footer

Estas en el tema de [Urgente] Footer en el foro de CSS en Foros del Web. Estoy trabajando con este diseño web ( http://www.marioreformas.com/problemas/ ), y es que me estoy volviendo loco. Código HTML: <div id= "footer" > <div id= "footer-content" ...
  #1 (permalink)  
Antiguo 04/04/2010, 21:25
 
Fecha de Ingreso: junio-2009
Ubicación: Madrid
Mensajes: 402
Antigüedad: 8 años, 5 meses
Puntos: 20
[Urgente] Footer

Estoy trabajando con este diseño web (http://www.marioreformas.com/problemas/), y es que me estoy volviendo loco.

Código HTML:
 <div id="footer">	
	
				<div id="footer-content">
					<ul id="freedom">
						<li><a href="#tabs-1"><img src="resources/images/cocina.png" /></a></li><br />
						<li><a href="#tabs-2"><img src="resources/images/bano.png" /></a></li>
					</ul>
					<div class="tabContainer">
						<div id="tabs-1">
							Los trabajos a realizarían serían los siguientes:
							<ul>
								<li>Demolición, desescombro  de azulejos, solado, aparatos sanitarios, radiador etc. retirada de escombros y traslado al vertedero.</li>
								<li>4m2 de baldosa de gres a elegir entre varios modelos</li>
								<li>20m2 de azulejo a elegir entre varios modelos</li>
								<li>Azulejos hasta 12,00 €/m² modelo y color a elegir</li>
								<li>Lavabo de porcelana en color blanco</li>
							<br /><center><a href="javascript:void(0);" onclick="popupCssShow('req.php?tab=1', 460);" title="Abrir PopUp">Leer todos los detalles</a></center>
							</ul>
						</div>
						<div id="tabs-2">
							<ul>
							Incluimos los siguientes trabajos:
								<li>Picado y alicatado de revestimientos y pavimentos</li>
								<li>24 m² revestimiento y 6 m² pavimento</li>
								<li>Azulejos hasta 12,00 €/m² modelo y color a elegir</li>
								<li>Renovación de fontanería en cobre y PVC</li>
								<br /><center><a href="javascript:void(0);" onclick="popupCssShow('req.php?tab=2', 460);" title="Abrir PopUp">Leer todos los detalles</a></center>
							</ul>
						</div>
					</div>
				</div>
			</div> 
El problema es que no consigo que todo lo que contiene "footer-content" se quede dentro del "footer".

Aqui tienen la hoja de estilos: http://www.marioreformas.com/problem.../css/style.css

Porfavor, hechadme una mano que me urge mucho.

Gracias
  #2 (permalink)  
Antiguo 05/04/2010, 05:05
 
Fecha de Ingreso: abril-2010
Mensajes: 122
Antigüedad: 7 años, 8 meses
Puntos: 18
Respuesta: [Urgente] Footer

Al id footer, ponele overflow:hidden;
proba a ver si te resuelve tu problema.
  #3 (permalink)  
Antiguo 05/04/2010, 07:13
 
Fecha de Ingreso: junio-2009
Ubicación: Madrid
Mensajes: 402
Antigüedad: 8 años, 5 meses
Puntos: 20
Respuesta: [Urgente] Footer

Pero es que el overflow no tiene que ver nada en esto, aun asi lo he probado y nada.
  #4 (permalink)  
Antiguo 05/04/2010, 07:22
 
Fecha de Ingreso: marzo-2009
Mensajes: 30
Antigüedad: 8 años, 9 meses
Puntos: 2
Respuesta: [Urgente] Footer

Coloca una imagen del diseño para saber como quieres que quede y asi poder ayudarte mejor !
  #5 (permalink)  
Antiguo 05/04/2010, 08:28
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: [Urgente] Footer

como dice rojaswilmer pon una imagen de como debe quedar que no le veo ni pies ni cabeza... creo que con un poco de orden se puede arreglar... es decir empieza desde arriba y luego hasta el footer... y no uses posiciones absolutas que no le veo mucho sentido... (a menos que sea necesario claro)
  #6 (permalink)  
Antiguo 05/04/2010, 09:34
 
Fecha de Ingreso: junio-2009
Ubicación: Madrid
Mensajes: 402
Antigüedad: 8 años, 5 meses
Puntos: 20
Respuesta: [Urgente] Footer

Bueno, gracias por vuestro interes... pero al final decidi dejarlo como se ve ahora:

www.marioreformas.com
  #7 (permalink)  
Antiguo 05/04/2010, 10:35
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: [Urgente] Footer

bueno mi resolucion es de 1360 x768... y las posiciones absolutas :S hacen que se junte too jeje... pero bueno si asi lo quieres pues bien... chao y suerte
  #8 (permalink)  
Antiguo 05/04/2010, 13:04
 
Fecha de Ingreso: junio-2009
Ubicación: Madrid
Mensajes: 402
Antigüedad: 8 años, 5 meses
Puntos: 20
Respuesta: [Urgente] Footer

Bueno, vuelvo de nuevo con este problema...

El problema se puede ver aqui: http://www.marioreformas.com/problemas/

El div slideshow se me sobrepone al de footer, yo quiero que el footer suiga siempre en el fondo.... pero esta vez simplemente no lo consigo
  #9 (permalink)  
Antiguo 05/04/2010, 13:34
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: [Urgente] Footer

Buenas,

coincido con alexk, elimina todas las posiciones absolutas, te están destrozando la web. Después emplea position:relative; para mover algunos elementos concretos.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #10 (permalink)  
Antiguo 05/04/2010, 13:39
 
Fecha de Ingreso: junio-2009
Ubicación: Madrid
Mensajes: 402
Antigüedad: 8 años, 5 meses
Puntos: 20
Respuesta: [Urgente] Footer

Gracias impostor,

Lo voy a intentar y a ver lo que sale
  #11 (permalink)  
Antiguo 09/04/2010, 14:42
 
Fecha de Ingreso: junio-2009
Ubicación: Madrid
Mensajes: 402
Antigüedad: 8 años, 5 meses
Puntos: 20
Respuesta: [Urgente] Footer

a ver si alguien me hecha un mano con lo siguiente:

si vais a la web, galeria de fotos, elegis cualquier categoria, y luego abris una foto bastante alta... observad como reacciona el footer. Para que no tenga problemas con todas la fotos, le di un valor negativo (-20%) al bottom del footer.
  #12 (permalink)  
Antiguo 09/04/2010, 14:59
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: [Urgente] Footer

no es por ser pesao... pero enverda si quieres el sitio funcionando correctamente sera mejor dejar las posiciones absolutas a un lado... que no las necesitas...
no es mucho codigo el que usas asi que no tardaras mucho en empezar de nuevo... pero bueno algo rapido se me ocurre que...

Código CSS:
Ver original
  1. html, body{min-height:100&#37;;
  2. #footer {bottom:0;position:fixed;}

  #13 (permalink)  
Antiguo 09/04/2010, 19:10
 
Fecha de Ingreso: junio-2009
Ubicación: Madrid
Mensajes: 402
Antigüedad: 8 años, 5 meses
Puntos: 20
Respuesta: [Urgente] Footer

alexk, ante todo gracias. Uso esta tecnica en la web, y por eso encuentra positionamiento absoluto, porque esta dentro de un relativo.

http://css-tricks.com/absolute-posit...e-positioning/

Voy a probar manana, lo que me has sugerido, y te comento... ahora estoy muerto de sueno

Gracias,
w0rldart
  #14 (permalink)  
Antiguo 09/04/2010, 19:28
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: [Urgente] Footer

Cita:
Iniciado por w0rldart Ver Mensaje
alexk, ante todo gracias. Uso esta tecnica en la web, y por eso encuentra positionamiento absoluto, porque esta dentro de un relativo.

http://css-tricks.com/absolute-posit...e-positioning/
si lo note... pero no aplica para todo un sitio (en cuanto a estructura) sino para elementos especificos que necesitamos fuera de flujo del resto de elementos.
  #15 (permalink)  
Antiguo 19/04/2010, 07:14
 
Fecha de Ingreso: junio-2009
Ubicación: Madrid
Mensajes: 402
Antigüedad: 8 años, 5 meses
Puntos: 20
Respuesta: [Urgente] Footer

ahora tengo ya esta mas o menos bien ajustado, pero tengo problemas en colocar el texto del footer.

Alguna solucion?

Etiquetas: 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 04:19.