28/12/2008, 13:16
| ||||
| ||||
 Insertar un div dentro de otro div con overflow=auto La pregunta es sencilla, ¿cómo puedo hacer para posicionar un div flotante dentro de otro div flotante con overflow=auto... Por que mi problema es que cuando muevo el scrollbar de mi div padre, el div hijo se sale de este. Aquí un ejemplo: Código PHP:   Espero me puedan ayudar, salu2! pd: no encontre una sección de html para poner este tema así q lo puse en PHP :S Última edición por Yamilskate; 28/12/2008 a las 13:24 |
|
28/12/2008, 13:51
| ||||
| ||||
| Respuesta: Insertar un div dentro de otro div con overflow=auto mmm, gracias amigo pero NO resolviste mi duda =( espero q alguien me pueda ayudar con este problema, pues ya intente de todo y no logro resolverlo... |
|
28/12/2008, 19:31
| ||||
| ||||
| Respuesta: Insertar un div dentro de otro div con overflow=auto Cita: Y tú NO estás preguntando en el lugar correcto
Iniciado por Yamilskate  mmm, gracias amigo pero NO resolviste mi duda =(  . Tema movido desde PHP.Suerte 
__________________ ٩(͡๏̯͡๏)۶ "100 años después, la revolución no es con armas, es intelectual y digital" |
|
28/12/2008, 19:37
| ||||
| ||||
| Respuesta: Insertar un div dentro de otro div con overflow=auto Me da la sensacion de que lo que quieres es que el calendario se quede, para eso ponle position: relative y desplazas a donde quieras... Mañana te lo concreto si no te ha quedado claro... Aresillo!!
__________________ Las dudas son el alimento de la inteligencia. A. Einstein Everything we are is the end result of our thoughts. Sidhartta Gautama |
|
28/12/2008, 19:55
| |||
| |||
| Respuesta: Insertar un div dentro de otro div con overflow=auto Aquí tienes una solución. Ajusta las medidas y características a tu diseño. Funciona en ie6+, firefox y opera... y valida. Código HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns='http://www.w3.org/1999/xhtml'> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> <title>Mantener fijo un cuadro dentro de otro</title> <style type="text/css"> #envolvente { position: relative; top: 0px; left: 0px; width: 500px; height: 300px; overflow: hidden; border: 1px solid #808080; } #primero { position: relative; width: 500px; height: 300px; overflow: auto; } #calendario { position: absolute; width: 100px; height: 100px; overflow: hidden; border: 1px solid #808080; background-color: #008080; margin-left: -50px; margin-top: -50px; left: 50%; top: 50%; z-index:10; } </style> </head> <body> <div id="envolvente"> <div id="calendario"></div> <div id="primero"> texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- </div> </div> </body> </html> |
