Ver Mensaje Individual
  #3 (permalink)  
Antiguo 14/02/2007, 04:27
Avatar de walan
walan
 
Fecha de Ingreso: febrero-2007
Ubicación: Madrid
Mensajes: 49
Antigüedad: 17 años, 2 meses
Puntos: 0
Re: Problema con POSITION (creo)

Vale, perfecto, ahora se visualizan las css en firefox, pero sigo sin poder solucionar el problema de los bloques.´

Gracias por lo de las comillas ;)


Este es el código que no funcifona:

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