tema de divs

[Nateskin]

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?

[reyesoft]

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....

[Nateskin]

pues estoy pegadisimo...

si alguien pudiera decirme como hacerlo :S lo agradeceria.

gracias reyesoft por tu aporte.