Div se mueve segun la resolución del navegador

[guzzano]

Buenas chicos, tengo un problema, cuando le doy mas tamaño a mi navegador el div #credits se queda siempre de ultimo, pero cuando le quito tamaño al navegador se sube y se monta encima de otros divs.

Aquí normal: http://i42.tinypic.com/n5cw1.jpg
Aquí cuando cambio el tamaño del navegador a mas pequeño: http://i44.tinypic.com/mhy51y.jpg

Código CSS:

body
{
    background: #333;
 
    font-family: 'Arial'; 
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
}   
 
#body_box
{   
    width: 290px;
 
    margin: auto;
 
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-left: 10px;
 
    background: #fff;
    
    border: 1px solid black;
    box-shadow: 1px 5px 20px rgba(0,0,0,0.90);
    border-radius: 10px 0 2em 4pt;
    -ms-border-radius: 10px 0 2em 4pt;
    -moz-border-radius: 10px 0 2em 4pt;
    -webkit-border-radius: 10px 0 2em 4pt;
    -khtml-border-radius: 10px 0 2em 4pt;
 
    text-align: center;
}
 
#credits
{
    position: absolute;
     
    bottom: 1px;
    right: 30%;
    left: 30%;
 
    clear: both;
 
    background: #fff;
    
    border: 1px solid black;
}
 

Saludos y gracias.

[xFantaSx]

Hola, pues eso sucede porque le tienes una posición absoluta, si no quieres que esto pase, cambia la posición por una "static" y así quedará bien. (así lo haría yo).

[guzzano]

Iniciado por xFantaSx

Hola, pues eso sucede porque le tienes una posición absoluta, si no quieres que esto pase, cambia la posición por una "static" y así quedará bien. (así lo haría yo).

Hola, gracias por la respuesta. El problema es que si la cambio a static se queda arriba el div y no abajo.

Saludos.

[xFantaSx]

Podrías dejar el html? para ver cómo están organizados tus elementos, o el link de tu web?

[guzzano]

Iniciado por xFantaSx

Podrías dejar el html? para ver cómo están organizados tus elementos, o el link de tu web?

http://guzzano2.web44.net/mblog_jquery/ hay esta todavia con el absolute.


Saludos y gracias.

[xFantaSx]

Pues para lo que quieres, tendrías que crear un div intermedio y que ocupe la altura que se encuentra entre el body_box y el credits, lo podrías poner en porcentaje para que funcione bien.
La verdad no encuentro otra forma de que suceda lo que quieres...

El div credits con la posición absolute y el resto de propiedades que tienes siempre quedarán 'pegadas' al borde inferior de buscador.

No sé si alguien tal vez conozca otro método, pero a mi parecer no hay de otra.

[guzzano]

Iniciado por xFantaSx

Pues para lo que quieres, tendrías que crear un div intermedio y que ocupe la altura que se encuentra entre el body_box y el credits, lo podrías poner en porcentaje para que funcione bien.
La verdad no encuentro otra forma de que suceda lo que quieres...

El div credits con la posición absolute y el resto de propiedades que tienes siempre quedarán 'pegadas' al borde inferior de buscador.

No sé si alguien tal vez conozca otro método, pero a mi parecer no hay de otra.

Hice eso lo que me dijiste pero igual no me funciona, lo hice de esta manera.

Código CSS:

#information
{
    position: static;
    height: 80%;
}
 
#credits
{   
    position: absolute;
     
    bottom: 2px;
    right: 2px;
    left: 2px;
 
    background: #fff;
    
    border: 1px solid black;
}
 

y tampoco funciona, si redimensiono el navegador se sigue movimiento el div credits encima de los otros.


Saludos.

[xFantaSx]

Debes quitar la posición absoluta del #credits, la puedes dejar en static o simplemente quitarla, igualmente las propiedades bottom, right, left, están sobrando.

[guzzano]

Iniciado por xFantaSx

Debes quitar la posición absoluta del #credits, la puedes dejar en static o simplemente quitarla, igualmente las propiedades bottom, right, left, están sobrando.

Muchisismas gracias, aunque sigue sin quedar como quiero, con el absolute se mostraba siempre el #credits con cualquier tamaño en el navegador, ahora tengo que definir una tamaño y si el usuario tiene la ventana del navegador pequeña tiene que bajar. Queria hacer que #credits siempre este abajo pero no se monte sobre otros divs. Buscaré información en el buscador a ver si lo soluciono.


Saludos y gracias.