SEDICE


Ayuda a Sedice
Necesitamos tu ayuda para mantener Sedice funcionando.
Aceptamos donativos con Paypal:

Para más información clica aquí


Conectado
Registro:

Apodo:
Contraseña:
Código de Seguridad: Codigo de Seguridad
Pon el código de seguridad:


Eres un usuario anónimo. Puedes registrarte aquí


276 conectados
273 anónimos
3 miembros

[más info sobre el foro]


Rincón del Autor
Conversa con el propio autor


NORMAS
NORMAS de comportamiento


Comentarios en leelibros
·Alexis en la ciudad sitiada
·El interviniente Petroni
·Conjurar el miedo con la palabra
·Los caminos perdidos
·El bar de los amantes pésimos

Leer más...


Google Chrome
Si usas Google Chrome, prueba el tema de Sedice


PORTADA
·blog_ Noticias CF: Fotos del GolemFest celebrado en Valencia
·blog_ Noticias CF: Portada y contenidos de la antología de cf "Efeméride"
·blog_ Noticias CF: Subasta de trajes y objetos de series de cf
·blog_Mar de tinta: Señoras que se empotraron hace mucho
·blog_ Noticias CF: Los replicantes de 'Blade Runner' protagonizan el día 29 la Noche Negra de Avilés

Leer más...

Sedice.com :: Ver tema - Caja en CSS ocupando toda la pantalla
 FAQFAQ   BuscarBuscar   Grupos de UsuariosGrupos de Usuarios   PerfilPerfil   Entre para ver sus mensajes privadosEntre para ver sus mensajes privados   LoginLogin 

Caja en CSS ocupando toda la pantalla

 
Publicar nuevo tema   Responder al tema    Foros de discusión -> HTML / CSS
Ver tema anterior :: Ver tema siguiente  
Autor Mensaje
brint
Alcaide
Alcaide



Registrado: Feb 04, 2005
Mensajes: 1711
Ubicación: BCN
MensajePublicado: Sab May 27, 2006 2:57 pm    Asunto: Caja en CSS ocupando toda la pantalla Responder citando

Será una tontería, pero no consigo crear una caja en css que flote por encima de la página (como un pop-up) y que se expanda por todo el ancho y largo disponible.

De momento lo que he intentado esto de abajo y en cada navegador se ve diferente Sad

#pop_up{
position: absolute;
top:0px;
left:0px;
width: 99%;
height: 99%;
margin: 0.5em;
background: #003399;
border: solid thin #D7040B;
color: #FFFFFF;
}

El problema viene porque esa caja está a su vez metida en otra.

En Firefox sí se expande por toda la pantalla, mientras que en Opera y en IE sólo se expande cómo máximo el tamaño de la caja donde está metido.

Por eso, si quito top y left y lo dejo tal cual, en Firefox se me desborda la caja porque ocupa el 100% de toda la pantalla y en Opera e IE queda bien ajustado dentro de la caja que lo contiene.

¿Alguna idea? Confused

Editando: Según la referencia, Firefox es quien lo renderiza mal: la medidas no deberían desbordarse fuera de la caja contenedor.


_________________
7944
Volver arriba
Ver perfil de usuario Enviar mensaje privado Enviar email Visitar sitio web del autor
Meteco
Leyenda
Leyenda



Registrado: Feb 09, 2005
Mensajes: 12951
Ubicación: En la entreplanta
MensajePublicado: Sab May 27, 2006 7:08 pm    Asunto: Responder citando

Sólo se me ocurre que le des un parámetro z, mayor que lo que tiene que tapar, y menor que lo que no debe ocultar. Esto lógicamente en la segunda opción que has descrito.

Claro, que luego vendría el problema de colocar el contenido, que no sé yo si situándolo al extremo y dándole márgenes negativos, funcionaría.

Editando: ¿y negando el scroll? (creo que es: scroll: none;)


_________________
Lee y serás leído.

Jons dijo:

"Rajoy és com jo..."
Volver arriba
Ver perfil de usuario Enviar mensaje privado Visitar sitio web del autor
brint
Alcaide
Alcaide



Registrado: Feb 04, 2005
Mensajes: 1711
Ubicación: BCN
MensajePublicado: Sab May 27, 2006 7:35 pm    Asunto: Responder citando

Primero: gracias por contestar tan rápido. Very Happy

Al final he cambiado cómo quería hacerlo inicialmente y lo he puesto fuera, con lo que se han acabado las incompatibilidades.

Lo del z-index también lo había probado, pero no elminina los límites físicos impuestos por la caja contenedor.

La idea era conseguir un efecto parecido a esto: http://amix.dk/greybox/demo.html , pero sin tanta floritura, sólo una simple capa por encima de todas las demás sin límites físicos.


_________________
7944
Volver arriba
Ver perfil de usuario Enviar mensaje privado Enviar email Visitar sitio web del autor
Mostrar mensajes de anteriores:   
Publicar nuevo tema   Responder al tema    Foros de discusión -> HTML / CSS Todas las horas son GMT + 1 Hora
Página 1 de 1

 
Cambiar a:  
Puede publicar nuevos temas en este foro
No puede responder a temas en este foro
No puede editar sus mensajes en este foro
No puede borrar sus mensajes en este foro
No puede votar en encuestas en este foro


Forums ©





Web site powered by PHP-Nuke

Web site engine's code is Copyright © 2003 by PHP-Nuke. All Rights Reserved. PHP-Nuke is Free Software released under the GNU/GPL license.
server load avg:0.3 / php time:41 ms