[Urgente] Footer

w0rldart · #1 (**permalink**) 04/04/2010, 20:25

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

comablck · #2 (**permalink**) 05/04/2010, 04:05

Al id footer, ponele overflow:hidden;
proba a ver si te resuelve tu problema.

w0rldart · #3 (**permalink**) 05/04/2010, 06:13

Pero es que el overflow no tiene que ver nada en esto, aun asi lo he probado y nada.

rojaswilmer · #4 (**permalink**) 05/04/2010, 06:22

Coloca una imagen del diseño para saber como quieres que quede y asi poder ayudarte mejor !

alexk · #5 (**permalink**) 05/04/2010, 07:28

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)

w0rldart · #6 (**permalink**) 05/04/2010, 08:34

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

www.marioreformas.com

alexk · #7 (**permalink**) 05/04/2010, 09:35

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

w0rldart · #8 (**permalink**) 05/04/2010, 12:04

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

Impostor · #9 (**permalink**) 05/04/2010, 12:34

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¡¡

w0rldart · #10 (**permalink**) 05/04/2010, 12:39

Gracias impostor,

Lo voy a intentar y a ver lo que sale

w0rldart · #11 (**permalink**) 09/04/2010, 13:42

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.

alexk · #12 (**permalink**) 09/04/2010, 13:59

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 originalhtml, body{min-height:100&#37;;
#footer {bottom:0;position:fixed;}

w0rldart · #13 (**permalink**) 09/04/2010, 18:10

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

alexk · #14 (**permalink**) 09/04/2010, 18:28

Cita:

Iniciado por w0rldart

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.

w0rldart · #15 (**permalink**) 19/04/2010, 06:14

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

Alguna solucion?