Ver Mensaje Individual
  #2 (permalink)  
Antiguo 14/02/2007, 04:17
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;}
					#bloqueTexto{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="bloqueTexto.className='cajaGrande';" />&nbsp;
						<input type="button" class="boton" name="btCerrar" id="btCerrar" value="Cerrar" title="Cerrar" onclick="bloqueTexto.className='cajaPequena';" />

						<div id="bloqueTexto" 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>
Sacados los ' de el css y funciona perfecto.