 Autor
|
Tema: Problemas con css: position:absolute; (Solucionado) (Leído 5,887 veces)
|
Zeroql
 Desconectado
Mensajes: 957
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 pm 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.165
Un gran poder conlleva una gran responsabilidad
|
¿Has probado a ponerle un padding-top: 15px; a los div de abajo?
|
|
|
|
|
En línea
|
|
|
|
|
Roboto
|
#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: 957
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.165
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 am por Spider-Net »
|
En línea
|
|
|
|
Zeroql
Desconectado
Mensajes: 957
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: 1.125
|
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
|
Mi madre me dijo que estoy destinado a ser pobre toda la vida.
Engineering is the art of balancing the benefits and drawbacks of any approach.
|
|
|
Zeroql
Desconectado
Mensajes: 957
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.165
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
|
|
|
|
|
| Mensajes similares |
|
Asunto |
Iniciado por |
Respuestas |
Vistas |
Último mensaje |
|
|
|
problemas con fechas(Solucionado)
Programación Visual Basic
|
Zeroql
|
1
|
1,182
|
30 Noviembre 2007, 20:03 pm
por Zeroql
|
|
|
|
Capa con positon absolute al centro
Desarrollo Web
|
Riki_89D
|
1
|
2,171
|
8 Enero 2011, 22:46 pm
por madpitbull_99
|
|
|
|
[solucionado]problemas con mid vb.net
.NET (C#, VB.NET, ASP)
|
CH4ØZ
|
3
|
4,828
|
1 Febrero 2011, 01:43 am
por CH4ØZ
|
|
|
|
Proyecto Absolute MMORPG ?
« 1 2 »
Foro Libre
|
PressKeyToRestart
|
13
|
6,399
|
22 Septiembre 2013, 16:51 pm
por z3nth10n
|
|
|
|
Drupal For Absolute Beginners
Tutoriales - Documentación
|
ehn@
|
0
|
1,183
|
3 Diciembre 2023, 20:06 pm
por ehn@
|
 |
