Foros del Web » Creando para Internet » CSS »

tema de divs

Estas en el tema de tema de divs en el foro de CSS en Foros del Web. Hola chicos!! Pues, estoy probando cosillas con las capas, pero me encuentro en la siguiente tesitura: Tengo 2 capas dentro de una contenedora wrap . ...
  #1 (permalink)  
Antiguo 13/10/2006, 06:29
 
Fecha de Ingreso: junio-2002
Mensajes: 321
Antigüedad: 15 años, 5 meses
Puntos: 3
tema de divs

Hola chicos!!

Pues, estoy probando cosillas con las capas, pero me encuentro en la siguiente tesitura:

Tengo 2 capas dentro de una contenedora wrap. Estas se llaman Capa1 (que mide 20%) y la otra se llama Capa2 (que mide 80%).

para ser mas facil la explicación, adjunto el codigo de CSS y el Xhtml
Código:
<style type="text/css">
<!--
#wrap {
	width:100%;
	z-index:1;
	margin-right: auto;
	margin-left: auto;
}
#wrap #capa1 {
	width:20%;
	z-index:1;
	float: left;
	background-color: #CC9999;
}
#wrap #capa2 {
	width:80%;
	z-index:2;
	float: left;
	background-color: #CCCC33;
}
-->
</style>
Código HTML:
<div id="wrap">
  <div id="capa1">a</div>
  <div id="capa2">a</div>
</div> 
lo que quiero hacer, es que, cuando yo oculte la capa1, la capa2 se ponga a tamaño 100% de tamaño.

¿me recomendais algun metodo?
  #2 (permalink)  
Antiguo 13/10/2006, 06:35
Avatar de reyesoft  
Fecha de Ingreso: abril-2006
Ubicación: San Rafael, Mendoza
Mensajes: 311
Antigüedad: 11 años, 8 meses
Puntos: 15
Supongamos que la capa la ocultás mediante Javascript, ¿si?

Utiliza class en vez de id. Entonces, mediante javascript, cuando ocultes cambias a capa2 de class80 a class100.

No recuerdo la instrucción, pero se puede.

Un saludo....
  #3 (permalink)  
Antiguo 13/10/2006, 06:39
 
Fecha de Ingreso: junio-2002
Mensajes: 321
Antigüedad: 15 años, 5 meses
Puntos: 3
pues estoy pegadisimo...

si alguien pudiera decirme como hacerlo :S lo agradeceria.

gracias reyesoft por tu aporte.
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 20:01.