Xenon Layout: Estructura dinámica con comportamiento líquido

hunab · #1 (**permalink**) 17/01/2006, 09:23

Hola a todos! quería compartir un script que personalmente me ha sido muy útil, lo hice no hace mucho para un proyecto del curro pero creo que puede ser útil, además no tengo mucho tiempo así que si alguien lo mejora pues lo disfrutaremos todos.
Vamos a poner en un ejemplo, así se verá más claro qué hace este layout, imaginemos que tenemos una web con un diseño líquido pero solo de 700px a 1200px (vaya lo que haría un min-width y un max-width pero también para explorer) y además que cambia de CSS automáticamente cuando la resolución baja de los 400px (para optimizar la web para dispositivos portátiles) y que si la resolución supera los 1400px añade una columna a la derecha y así se aprovecha mejor la pantalla.
Pues este es un posible caso del Xenon Layout, os dejo el enlace a mi web con una explicación mucho más extensa y detallada y con el ejemplo y los archivos para descargar.
No tengo comentarios en la web (es una historia muy larga) así que si queréis comentar algo hacedlo aquí y responderé sin problema.

Enlace a Xenon Layout

P.D.:está hecho con javascript pero como tiene que ver con la estructura de la web, por tanto con CSS he preferido colocarlo en este temario.

frijolerou · #2 (**permalink**) 17/01/2006, 09:47

¿Cómo puedo hacerle mejoras si la licencia no permite obras derivadas?

hunab · #3 (**permalink**) 17/01/2006, 10:00

vaya disculpa frijolerou, he utilizado la licencia equivocada, ahora mismo la cambio!!!!

frijolerou · #4 (**permalink**) 17/01/2006, 10:04

Por mi parte haré que la primera licencia no existió jamás jejejeje :P

Sanva · #5 (**permalink**) 01/11/2006, 12:56

Intento retomar este hilo unos cuantos meses más tarde...

Me ha encantado e impresionado el New Xenon Layout, me parece un gran trabajo y realmente útil

Tengo una duda que me gustaría que me solventases...

Si no incluyo esta línea

Código HTML:

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

lo de la propiedad min-width para IE no funciona (al menos eso, no se si lo demás sí)... ¿sabrías decirme por qué?

Nunca uso doctypes, básicamente porque no tengo muy claro para qué sirven... (en lenguajes de marcado me quedé en lo básico de HTML)

hunab · #6 (**permalink**) 01/11/2006, 15:44

Con el doctype indicas el tipo de documento que sirves y es esencial para crear un documento bien formado, ahora mismo no sabria decirte porqué no funciona si lo quitas, pero la pregunta es ¿porqué lo quieres quitar?

Sanva · #7 (**permalink**) 01/11/2006, 16:30

La verdad es que no lo quiero quitar... simplemente no lo usaba y esa era la razón por la que no me funcionaba el Xeon hasta que me dí cuenta del detalle y lo puse.

Como digo, no es que lo quiera quitar, si no que no tengo claro para qué sirve

Rafael · #8 (**permalink**) 01/11/2006, 19:39

Esto le dice al navegador cómo interpretarlo. Por ejemplo algunos atributos css no se interpretan cuando tenemos un doctype equivocado.

Tu mismo(a) te diste cuenta, si no lo ponías no funcionaba.

jmuru · #9 (**permalink**) 22/08/2008, 22:32

Excelente. Saludos