Foros del Web » Creando para Internet » CSS »

Ajustar capa dentro del body

Estas en el tema de Ajustar capa dentro del body en el foro de CSS en Foros del Web. Ufff... he leido bastante y no logro dar con esto. tengo una capa oculta dentro del body que al presionar un boton llamo a una ...
  #1 (permalink)  
Antiguo 28/12/2009, 07:40
 
Fecha de Ingreso: diciembre-2009
Ubicación: Valparaíso
Mensajes: 118
Antigüedad: 14 años, 3 meses
Puntos: 3
Pregunta Ajustar capa dentro del body

Ufff... he leido bastante y no logro dar con esto.

tengo una capa oculta dentro del body que al presionar un boton llamo a una función js que le cambia la propiedad visibility para que se logre ver, hasta aquí cero problema, el problema es que esta capa tiene una imagen de fondo y posee las propiedades de alto y ancho al 100% y al hacer visible esta capa la imagen solo cubre parte de la pantalla, no completa como quiero que lo haga.

Código CSS:
Ver original
  1. #capaFondo1 {
  2.     visibility:hidden;
  3.     position: absolute;
  4.     padding:0px;
  5.     left:0px;
  6.     top:0px;
  7.     right:0px;
  8.     bottom:0px;
  9.     background-image:url(../images/fondotransparente.gif);
  10.     background-repeat: repeat;
  11.     width: 100%;
  12.     height: 100%;  
  13.     z-index:2;
  14. }
  15.  
  16. html, body {
  17.     margin-left: 0px;
  18.     margin-top: 0px;
  19.     z-index:1;
  20.     width:100%;
  21.     height:100%;
  22.     background-color: #ffffff;
  23.     color: #000000;
  24. }

como logro ajustar la capa a todo el contenido del body????

Última edición por javiercitox; 28/12/2009 a las 11:30
  #2 (permalink)  
Antiguo 28/12/2009, 08:11
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 2 meses
Puntos: 306
Respuesta: Ajustar capa dentro del body

Hola
¿La capa oculta dentro que capa está? porque será el 100% del contenedor, se me hace que por ahi está el problema.
Saludos y muestra el html para ver como está estructurado el html.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 28/12/2009, 09:18
 
Fecha de Ingreso: diciembre-2009
Ubicación: Valparaíso
Mensajes: 118
Antigüedad: 14 años, 3 meses
Puntos: 3
Respuesta: Ajustar capa dentro del body

Código HTML:
Ver original
  1. <title>Mi Titulo de Pagina</title>
  2. <link href="../css/estilos.css" rel="stylesheet" type="text/css">
  3.  
  4. function abrirVentana(pLinea)
  5.     {
  6.     window.open('Ventana_Seleccionar_ut.php?linea='+pLinea, '', 'width=330,height=252,scrollbars=NO,statusbar=NO,left=500,top=250');
  7.     document.getElementById("capaFondo1").style.visibility="visible";
  8.     }
  9.  
  10. </head>
  11. <div id="capaFondo1"> </div>
  12.  
  13.   <p>Aqui va todo el contenido de la página y más abajo el boton que abre otra ventana
  14.     y hace aparecer y desaparecer la capa de fondo. </p>
  15.    
  16. <p>
  17. <input type="button" name="Buscar" value="Buscar" onClick="abrirVentana(0);">
  18. </p>
  19.  
  20. </body>
  21. </html>

Eso es lo que tengo en la página...
  #4 (permalink)  
Antiguo 29/12/2009, 05:07
 
Fecha de Ingreso: diciembre-2009
Ubicación: Valparaíso
Mensajes: 118
Antigüedad: 14 años, 3 meses
Puntos: 3
Respuesta: Ajustar capa dentro del body

aun no logro resolverlo :(
  #5 (permalink)  
Antiguo 29/12/2009, 05:23
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 7 meses
Puntos: 20
Respuesta: Ajustar capa dentro del body

Hola, tengo gran desconocimiento de javascript, pero esto no me cuadra

function abrirVentana(pLinea)
{

window.open('Ventana_Seleccionar_ut.php?linea='+pL inea, '', 'width=330,height=252,scrollbars=NO,statusbar=NO,left=500,top=250');
document.getElementById("capaFondo1").style.visibi lity="visible";
}

¿Es posible que ese atributo sea el de la ventana que se abre?

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.

Última edición por Impostor; 29/12/2009 a las 07:04
  #6 (permalink)  
Antiguo 29/12/2009, 06:59
 
Fecha de Ingreso: diciembre-2009
Ubicación: Valparaíso
Mensajes: 118
Antigüedad: 14 años, 3 meses
Puntos: 3
Información Respuesta: Ajustar capa dentro del body

No, corresponde a la ventana padre. El evento getElementById busca dentro de la página el elemento que contenga el Id indicado, en este caso el div llamado "capaFondo1". Además cuando abro la otra página esta capa aparece en la ventana padre como yo quiero, pero el problema es que la capa no aparece en toda la página, solo en una área. Para graficar mejor unas imagenes.

Aqui muestro cuando presiono el boton, que se abre la ventana y se hace visible la capa (la imagen amarilla que se ve), se aprecia que sale una parte.


[URL="http://s4.subirimagenes.com/otros/previo/thump_3794607untitled-3.jpg"]Ver[/URL]

Si subo arriba aparece el "100%" de la imagen, pero necesito que aparesca ese 100 más lo de abajo que no aparece.

[URL="http://s4.subirimagenes.com/otros/previo/thump_3794625untitled-2.jpg"]Ver[/URL]
  #7 (permalink)  
Antiguo 29/12/2009, 07:09
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 7 meses
Puntos: 20
Respuesta: Ajustar capa dentro del body

Pues no lo tengo claro entonces. Prueba a quitar la position: absolute; ya que si quieres ocupar el 100% de la pantalla carece de sentido. Si persiste pon el enlace a tu web para que podamos trastearla y orientarte mejor.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #8 (permalink)  
Antiguo 05/01/2010, 05:34
 
Fecha de Ingreso: diciembre-2009
Ubicación: Valparaíso
Mensajes: 118
Antigüedad: 14 años, 3 meses
Puntos: 3
Respuesta: Ajustar capa dentro del body

He quitado la position: absolute y aparece la capa, pero al final de la página.
Lo que se me ha estado ocurriendo es calcular de alguna manera el largo de la página, ya que no siempre mide lo mismo, y pasar ese valor como parámetro para una función que cambie las propiedades de la capaFondo1, algo como
Código Javascript:
Ver original
  1. document.getElementById("capaFondo1").style.width=miValorParametro1;
  2. document.getElementById("capaFondo1").style. height =miValorParametro2;
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:24.