Problema con alineacion de un div

[IDRID]

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.

[GAST0N]

deja el html y css de la pagina para poder revisarlo =)

[IDRID]

Iniciado por GAST0N

deja el html y css de la pagina para poder revisarlo =)

Oops! http://idridplanet.blogspot.com/

Estoy despistado hoy xDDD

[alexk]

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;
}

[ZoroRoronoa]

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".

[IDRID]

Iniciado por alexk

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 ;)