Tema destacado: Recuperar cuenta de Google, GMail, Youtube
 Autor
|
Tema: Problemas con css: position:absolute; (Solucionado) (Leído 785 veces)
|
Zeroql
 Desconectado
Mensajes: 940
Todo lo k sucede sucede por una razon
|
Buenas,Bueno el problema consiste en que necesito el div superior estático y coloque el div header con position:absolute, hasta ahi normal, pero los otros divs que estan posicionados debajo de este no responden bien a la posición del header estos divs suben y se pierde texto, aqui les dejo el enlace de como quedan http://sovys.260mb.com/y asi es el diseño si no se tiene el header estatico http://sovys.260mb.com/prueba.htmlcomo puedo solucionar este inconveniente???? de ante mano les agradezco la ayuda presentada.
|
|
|
|
« Última modificación: 3 Noviembre 2011, 14:52 por Zeroql »
|
En línea
|
Dime y lo olvido, enseñame y lo recuerdo, involucrame y lo aprendo. /.-ZEROQL.-\ ----- #937675# |
|
|
Spider-Net
Desconectado
Mensajes: 1.052
Un gran poder conlleva una gran responsabilidad
|
¿Has probado a ponerle un padding-top: 15px; a los div de abajo?
|
|
|
|
|
En línea
|
"Si cuando hablas nadie se molesta, eso es que no has dicho absolutamente nada."
|
|
|
|
l Galo l
|
#header {
background: none repeat scroll 0 0 #F4F4F4;
border-bottom: 1px solid #666666;
color: #FFFFFF;
height: 100px;
position: fixed;
width: 100%;
} ese es el codigo del div
|
|
|
|
|
En línea
|
|
|
|
Zeroql
Desconectado
Mensajes: 940
Todo lo k sucede sucede por una razon
|
#header {
background: none repeat scroll 0 0 #F4F4F4;
border-bottom: 1px solid #666666;
color: #FFFFFF;
height: 100px;
position: fixed;
width: 100%;
} ese es el codigo del div Si ese esl colde. pero el div que le sige que esl container no queda debajo del header. igual ahi deje los 2 ejemplos
|
|
|
|
|
En línea
|
Dime y lo olvido, enseñame y lo recuerdo, involucrame y lo aprendo. /.-ZEROQL.-\ ----- #937675# |
|
|
Spider-Net
Desconectado
Mensajes: 1.052
Un gran poder conlleva una gran responsabilidad
|
Yo insisto: ¿Has probado a ponerle un padding-top: 15px; a los div de abajo?
Incluso si no es suficiente, pues padding-top:35px; (o lo que sea necesario) tanto a "colizq" como a "colder" y listo.
|
|
|
|
« Última modificación: 3 Noviembre 2011, 02:11 por Spider-Net »
|
En línea
|
"Si cuando hablas nadie se molesta, eso es que no has dicho absolutamente nada."
|
|
|
Zeroql
Desconectado
Mensajes: 940
Todo lo k sucede sucede por una razon
|
Spider-Net gracias por tu colaboración.
pero he notado que cuando uno coloco la posición fixed, el div se convierte en div flotante, la solución mas sencilla que veo es crear otro div vacio con el height del header. nose me parece mas sencillo asi
|
|
|
|
|
En línea
|
Dime y lo olvido, enseñame y lo recuerdo, involucrame y lo aprendo. /.-ZEROQL.-\ ----- #937675# |
|
|
~ Yoya ~
Wiki
Desconectado
Mensajes: 954
|
Bueno espero que te funcione esto, lo he probado antes en localhost.... .colizq {
float : left;
margin-top : 100px; padding-bottom : 10px;
padding-left : 10px;
padding-right : 10px;
padding-top : 10px;
right-color : #E2E2E2;
right-style : dashed;
right-width : 2px;
width : 75%;
}
.colder {
float : right;
margin-top : 100px; padding-bottom : 10px;
padding-left : 10px;
padding-right : 10px;
padding-top : 10px;
width : 20%;
}
Saludos. |
|
|
|
|
En línea
|
|
|
|
Zeroql
Desconectado
Mensajes: 940
Todo lo k sucede sucede por una razon
|
~ Yoya ~ gracias ya lo intente asi tambien inclusive en el container ya que puedo agregar mas divs antes de las cols, pero no me dio la sulucion de crea otro div antes me ha funcionado de maravilla. me quedo con esa: la solucion fue: #header {
background: none repeat scroll 0 0 #F4F4F4;
border-bottom: 1px solid #666;
color: #FFF;
height: 100px;
position:fixed;
width: 100%;
}
#head_empty {
height: 100px;
width: 100%;
}
|
|
|
|
|
En línea
|
Dime y lo olvido, enseñame y lo recuerdo, involucrame y lo aprendo. /.-ZEROQL.-\ ----- #937675# |
|
|
Spider-Net
Desconectado
Mensajes: 1.052
Un gran poder conlleva una gran responsabilidad
|
Spider-Net gracias por tu colaboración.
pero he notado que cuando uno coloco la posición fixed, el div se convierte en div flotante, la solución mas sencilla que veo es crear otro div vacio con el height del header. nose me parece mas sencillo asi
Yo probé en local poniéndole el padding-top a las dos columnas y la verdad es que funcionó perfectamente. Pero igual si ya has encontrado alguna solución, me alegro 
|
|
|
|
|
En línea
|
"Si cuando hablas nadie se molesta, eso es que no has dicho absolutamente nada."
|
|
|
|
 |
