Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Footer en varias partes

Buenas noches a todos

Tengo un problemilla, tengo en mi web un footer de 960px de ancho, y quiero dividirlo en 4 capas iguales, hasta aqui todo bien, pero al poner la segunda capa me la pone debajo de la primera y le tengo el float left y nada.

¿Me podríais ayudar?

Un saludo y muchisimas gracias
0
Puntos
1301
Visitas
5
Resp
Por MiGuEJeReZ hace 122 meses
Avanzado Sitio web
Respuesta #1
Colocale un width a cada capa interna o le colocas a las capas esto en el CSS
display:inline-block
eso lo que hace es tomar el ancho del contenido que tienen dentro.
0
Puntos
Por Jose hace 122 meses
Experto Sitio web
Respuesta #2
Buenas...

La capa tiene ya el width, pero sigue poniendolo debajo.

Saludos.
0
Puntos
Por MiGuEJeReZ hace 122 meses
Avanzado Sitio web
Respuesta #3
pon el código o deja una url que podamos verlo

saludos
0
Puntos
Por alber hace 122 meses
Administrador
Respuesta #4
Buenas tardes

La web es http://cddonbosco.freeiz.com/

A ver si me podeis ayudar.

Saludos
0
Puntos
Por MiGuEJeReZ hace 122 meses
Avanzado Sitio web
Respuesta #5
Si quieres que se vea así.. Imagen.
Debes hacer varios cambios, por ejemplo a los div capafooter y contenfooter colocarle width:auto; y display:inline-block; Eso hará que tome el ancho del contenido. Ahí ya tendrás ambas capas al lado pero se verá feo el ícono de las redes sociales entonces te recomiendo colocarle a esos iconos una clase. Por ejemplo
<img src="img/Facebook.png" width="40" height="40" class="redsocial_icono>
<img src="img/Twitter-Bird.png" width="40" height="40" class="redsocial_icono>
Y en la hoja de estilo (css) le colocas una posición relativa y le cuadras la posición usando top, bottom, left, o right. Yo probé y en la imagen que te anexé al principio lo coloqué así.
redsocial_icono {
    position:relative;
    top:15px;
}

Si quieres que quede centrado, colócale a capafooter un padding-left yo le puse 55px.
Pruébalo y cuéntanos que tal. :)
0
Puntos
Por Jose hace 122 meses
Experto Sitio web
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate