Capas

mdk · #1 (**permalink**) 23/02/2009, 05:15

No tengo muy claro si esta pregunta va en esta sección, pero bueno, ahí va.

Creo una capa, con un determinado ancho y en una determinada posicion, y quiero, que cada vez que escriba el texto, la capa a la hora de crecer, en vez de crecer hacia bajo, crezca hacia arriba. No se si me he explicado bien y tampoco se si se puede. No obstante:

Gracias.

Panino5001 · #2 (**permalink**) 23/02/2009, 08:00

Tu duda tiene más de css que de javascript. Fijate si te sirve esto:

Código javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>
 
<body><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
 
<div id="ext" style="position:relative">
  <div id="int" style="position:absolute; bottom:0; width:200px;" onclick="this.innerHTML='Creo una capa, con un determinado ancho y en una determinada posicion, y quiero, que cada vez que escriba el texto, la capa a la hora de crecer, en vez de crecer hacia bajo, crezca hacia arriba. No se si me he explicado bien y tampoco se si se puede.'">click aquí</div>
</div>
</body>
</html>

mdk · #3 (**permalink**) 23/02/2009, 10:59

Hola, gracias por responder, pero porque cuando quito estas 2 lineas:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

No se ve absolutamente nada?

Tambien otra pregunta. Como podria hacer lo mismo, pero sin tener que hacer click, suponiendo que tengo esto

Código HTML:

<div style="top:10; left:10; width=100px; position: relative;">Esto es una prueba para observar el texto hacia arriba</div>

vamos.. que mostrar eso mismo sin tener que apretar nada.

P.D: Si hace falta cambiar el post a la sección CSS, cambiadlo.

mdk · #4 (**permalink**) 23/02/2009, 11:47

ok, ya lo resolvi. tendria que ser algo así:

Código HTML:

<div style="top:10px; left:10px; position: relative;">
 <div style="position: absolute; bottom :0; width:100px; background-color:blue;">hola esto es una prueba para ver si funcionan las capas hacia arriba</div>
</div>

No obstante, mi primera pregunta persiste.

Gracias.

Panino5001 · #5 (**permalink**) 23/02/2009, 12:17

Cita:

Iniciado por mdk

No obstante, mi primera pregunta persiste.

Gracias.

No entiendo bien a qué te estás refiriendo.

mdk · #6 (**permalink**) 23/02/2009, 12:29

Porque cuando quito estas 2 lineas del código que me has dado:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

No se ve absolutamente nada?

De hecho abri un post en la sección (X)HTML haciendo un poco de referencia al tema (con la web que estoy haciendo).

Panino5001 · #7 (**permalink**) 24/02/2009, 07:12

El doctype determina el modo de visualización de la página. Con él se define el compatMode que regirá la página -podés testearlo con un alert(document.compatMode), donde obtendrás BackCompat para el modo quirk y CSS1Compat para el standard-. Y estas 2 maneras o modos hacen que el css y el javascript se comporten de manera diferente, sobre todo en Explorer: http://www.w3.org/International/arti....en.php#quirks

jseros · #8 (**permalink**) 24/02/2009, 07:31

Añado que el quirks mode no es consejable por muchas razones. Cuando un documento no contiene un doctype sobre el cual regirse el navegador él intenta leer el documento y corregir los errores en el documento a su manera y como cada uno resuelve estos problemas de forma diferente es donde se vienen los problemas de compatibilidad entre navegadore.

Más información al respecto: http://es.wikipedia.org/wiki/Quirks_Mode

mdk · #9 (**permalink**) 24/02/2009, 09:51

Gracias a los 2, no me he enterado mucho de lo que hablais, pero voy a leer las paginas que me habeis dado de referencia, para informarme ya que me interesa el tema.

Gracias otra vez ^^