Foros del Web » Creando para Internet » CSS »

Problema con alineacion de un div

Estas en el tema de Problema con alineacion de un div en el foro de CSS en Foros del Web. Titulo correcto: Problema con alineacion de un div. Hola, tengo un problema, un compañero de mi equipo me ha enviado una imagen de como el ...
  #1 (permalink)  
Antiguo 12/07/2011, 13:57
 
Fecha de Ingreso: mayo-2010
Mensajes: 118
Antigüedad: 6 años, 7 meses
Puntos: 1
Exclamación Problema con alineacion de un div

Titulo correcto: Problema con alineacion de un div.

Hola, tengo un problema, un compañero de mi equipo me ha enviado una imagen de como el ve mi pagina desde su otro ordenador:



Parece que no esta muy bien alineado la parte de abajo

Tambien me pasa que, cuando pongo el padding, aparece un scroll horizontal :S

Gracias.
  #2 (permalink)  
Antiguo 12/07/2011, 14:01
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 6 años, 5 meses
Puntos: 64
Respuesta: Ocupar siempre la pagina

deja el html y css de la pagina para poder revisarlo =)
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #3 (permalink)  
Antiguo 12/07/2011, 14:34
 
Fecha de Ingreso: mayo-2010
Mensajes: 118
Antigüedad: 6 años, 7 meses
Puntos: 1
Respuesta: Ocupar siempre la pagina

Cita:
Iniciado por GAST0N Ver Mensaje
deja el html y css de la pagina para poder revisarlo =)
Oops! http://idridplanet.blogspot.com/

Estoy despistado hoy xDDD
  #4 (permalink)  
Antiguo 12/07/2011, 15:41
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 7 años, 6 meses
Puntos: 137
Respuesta: Problema con alineacion de un div

Prueba con agregar la class "content" a ese div
Código:
<div class="content" id="footer-content">
o si lo prefieres simplemente agrega el mismo ancho y margin:0 auto; para centrar el contenido...
Elimina la altura a estos divs, y a grega un padding que quieras para que respire un poco
Código:
.footer {
    background-color: #0F1F26;
    font-weight: bold;
    height: 100px;
    margin-top: 50px;
    text-align: left;
    width: 100%;
}
#footer-content {
    height: 90%;
    margin: auto;
}
  #5 (permalink)  
Antiguo 12/07/2011, 17:28
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 823
Antigüedad: 5 años, 9 meses
Puntos: 116
Respuesta: Problema con alineacion de un div

Deberias usar columnas equilibradas, para los gadgets de arriba, y nuevamente el metodo de columnas equilibradas para los de abajo :)
Saludos.

p.d: Busca en Google "Columnas equilibradas CSS".
__________________
Programador jQuery & PHP
  #6 (permalink)  
Antiguo 13/07/2011, 11:26
 
Fecha de Ingreso: mayo-2010
Mensajes: 118
Antigüedad: 6 años, 7 meses
Puntos: 1
Respuesta: Problema con alineacion de un div

Cita:
Iniciado por alexk Ver Mensaje
Prueba con agregar la class "content" a ese div
Código:
<div class="content" id="footer-content">
o si lo prefieres simplemente agrega el mismo ancho y margin:0 auto; para centrar el contenido...
Elimina la altura a estos divs, y a grega un padding que quieras para que respire un poco
Código:
.footer {
    background-color: #0F1F26;
    font-weight: bold;
    height: 100px;
    margin-top: 50px;
    text-align: left;
    width: 100%;
}
#footer-content {
    height: 90%;
    margin: auto;
}
Ya respira doctor, Gracias ;)

ZoroRoronoa, ¡Gran idea! Gracias ;)

Etiquetas: alineacion, footer, padding
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 14:04.