Ver Mensaje Individual
  #4 (permalink)  
Antiguo 14/02/2007, 04:45
Avatar de Shade
Shade
 
Fecha de Ingreso: noviembre-2006
Mensajes: 262
Antigüedad: 18 años
Puntos: 1
Re: Problema con POSITION (creo)

Código:
<html>
	<head>
		<meta http-equiv="Content-Language" content="es">
			<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
				<title>Pruebas</title>

				<STYLE type="text/css">

					#contenedor{position:absolute;}
					#cajaContenido {position:relative; background-color:FFF0FF; width=120px; border:solid; border-width:1px; border-color:FFD9E6; padding:4px; font-size:12px; margin=2px;}
					#bloqueTexto1{position:relative;}
					#bloqueTexto2{position:relative;}
					.texto {background-color:ffffff; border:solid; border-width:1px; border-color:FFD9E6; padding-left:4px;};
					.boton{background-color:ffffff; border:dotted; border-width:1px; border-color:FFD9E6; padding:2px; font-size:12px; }
					.cajaPequena{height=1; overflow=hidden; visibility:hidden;}
					.cajaGrande{height=auto; visibility:visible;}
				</STYLE>
			</head>
			<body>

				<div id="contenedor">

					<div id="cajaContenido">

						<input type="button" class="boton" name="btAbrir" id="btAbrir" value="Abrir" title="Abrir" onclick="bloqueTexto1.className='cajaGrande';" />&nbsp;
						<input type="button" class="boton" name="btCerrar" id="btCerrar" value="Cerrar" title="Cerrar" onclick="bloqueTexto1.className='cajaPequena';" />

						<div id="bloqueTexto1" class="cajaPequena">
							<p class="texto">Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor<br/> Lorem ipsum dolor Lorem ipsum dolor</p>
							<p class="texto">Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor<br/> Lorem ipsum dolor Lorem ipsum dolor</p>
						</div>

					</div>

					<div id="cajaContenido">

						<input type="button" class="boton" name="btAbrir" id="btAbrir" value="Abrir" title="Abrir" onclick="bloqueTexto2.className='cajaGrande';" />&nbsp;
						<input type="button" class="boton" name="btCerrar" id="btCerrar" value="Cerrar" title="Cerrar" onclick="bloqueTexto2.className='cajaPequena';" />

						<div id="bloqueTexto2" class="cajaPequena">
							<p class="texto">Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor<br/> Lorem ipsum dolor Lorem ipsum dolor</p>
							<p class="texto">Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor<br/> Lorem ipsum dolor Lorem ipsum dolor</p>
						</div>

					</div>

				</div>

			</body>
		</html>
Problema... tenias definidos los mismos id's para las dos cajas y eso hacia que causara conflictos... ^_^ te he cambiado los ids y establecido los nuevos en el css con tu permiso.