Comments on: Maquetación dependiente de la resolución http://solo.infames.org/maquetacion-dependiente-de-la-resolucion/ Internet, tecnología, fotos pseudo-artísticas, frikadas, humor y opinión (la mía, claro está) Sat, 03 Sep 2011 01:37:29 +0000 hourly 1 http://wordpress.org/?v=3.3 By: Hugo http://solo.infames.org/maquetacion-dependiente-de-la-resolucion/comment-page-1/#comment-202 Hugo Sun, 22 Jan 2006 19:49:17 +0000 http://solo.infames.org/?p=107#comment-202 Buen código, pero no le afecta el tamaño de la ventana en cuestión, se basa en la resolución global de pantalla (que no es poco, la verdad). Pero lo que hace esta gente es algo más avanzado, se han hecho esta función y el resto ya es como tu código: <code> function getBrowserWidth() { if (window.innerWidth) { return window.innerWidth; } else if (document.documentElement && document.documentElement.clientWidth != 0) { return document.documentElement.clientWidth; } else if (document.body) { return document.body.clientWidth; } return 0; }; </code> Buen código, pero no le afecta el tamaño de la ventana en cuestión, se basa en la resolución global de pantalla (que no es poco, la verdad).

Pero lo que hace esta gente es algo más avanzado, se han hecho esta función y el resto ya es como tu código:


function getBrowserWidth()
{
if (window.innerWidth)
{
return window.innerWidth;
}
else if (document.documentElement && document.documentElement.clientWidth != 0)
{
return document.documentElement.clientWidth;
}
else if (document.body)
{
return document.body.clientWidth;
}
return 0;
};

]]> By: noth http://solo.infames.org/maquetacion-dependiente-de-la-resolucion/comment-page-1/#comment-201 noth Sun, 22 Jan 2006 19:31:44 +0000 http://solo.infames.org/?p=107#comment-201 mira una forma de hacerlo seria así <code> <script language="JavaScript1.2"> if ( screen.width == 1024){ document.write('<link href="css/pagina_1024.css" rel="stylesheet" type="text/css" media="screen" />'); } else { document.write('<link href="css/pagina_default.css" rel="stylesheet" type="text/css" media="screen" />'); } </code> Autor: <a href="http://www.noth.es">Noth</a> un saludo mira una forma de hacerlo seria así


<script language="JavaScript1.2">
if ( screen.width == 1024){
document.write('<link href="css/pagina_1024.css" rel="stylesheet" type="text/css" media="screen" />');
}
else {
document.write('<link href="css/pagina_default.css" rel="stylesheet" type="text/css" media="screen" />');
}

Autor: Noth

un saludo

]]> By: Hugo http://solo.infames.org/maquetacion-dependiente-de-la-resolucion/comment-page-1/#comment-200 Hugo Sun, 22 Jan 2006 14:13:14 +0000 http://solo.infames.org/?p=107#comment-200 Es cierto que la clave es utilizar varias hojas de estilo (con el consiguiente curro que lleva) pero yo nunca lo había visto aplicado a las dimensiones del navegador en cada momento. Sólo con el típico "print", "screen", etc. Si conoces algún ejemplo de sitio que haga esto, pásamelo please. Es cierto que la clave es utilizar varias hojas de estilo (con el consiguiente curro que lleva) pero yo nunca lo había visto aplicado a las dimensiones del navegador en cada momento.
Sólo con el típico “print”, “screen”, etc.

Si conoces algún ejemplo de sitio que haga esto, pásamelo please.

]]> By: noth http://solo.infames.org/maquetacion-dependiente-de-la-resolucion/comment-page-1/#comment-199 noth Sun, 22 Jan 2006 14:06:40 +0000 http://solo.infames.org/?p=107#comment-199 Yo entiendo poquito ingles, pero lo que esta haciendo el tio ya se usa desde hace tiempo quiero decir, si tu tienes 2 hojas de estilos, una por defecto donde todos los contenidos estan a una sola columna, y otra donde si la resolucion es a 1024 esta a 3 columnas, leyendo con php (por ejemplo) la resolucion del usuario le decimos que cargue una o otra hoja de estilos. digo que esto es lo que me parecio leer a mi en esa web, pero tienes que hacer el trabajo dos veces, vamos diseñar dos hojas de estilos, yo pensaba que habian encontrado la forma de hacerlo automaticamente, que igual es cierto y me llevo una alegria saludos Yo entiendo poquito ingles, pero lo que esta haciendo el tio ya se usa desde hace tiempo quiero decir, si tu tienes 2 hojas de estilos, una por defecto donde todos los contenidos estan a una sola columna, y otra donde si la resolucion es a 1024 esta a 3 columnas, leyendo con php (por ejemplo) la resolucion del usuario le decimos que cargue una o otra hoja de estilos.

digo que esto es lo que me parecio leer a mi en esa web, pero tienes que hacer el trabajo dos veces, vamos diseñar dos hojas de estilos, yo pensaba que habian encontrado la forma de hacerlo automaticamente, que igual es cierto y me llevo una alegria

saludos

]]> By: Hugo http://solo.infames.org/maquetacion-dependiente-de-la-resolucion/comment-page-1/#comment-192 Hugo Fri, 20 Jan 2006 13:03:23 +0000 http://solo.infames.org/?p=107#comment-192 Pues si, la verdad es que es un poquíto críptico, pero vamos, a ver si conseguimos extraer la idea principal y nos podemos a usarla despiadádamente. (Violando innumerables derechos de autor) Pues si, la verdad es que es un poquíto críptico, pero vamos, a ver si conseguimos extraer la idea principal y nos podemos a usarla despiadádamente.
(Violando innumerables derechos de autor)

]]> By: show http://solo.infames.org/maquetacion-dependiente-de-la-resolucion/comment-page-1/#comment-191 show Fri, 20 Jan 2006 12:55:23 +0000 http://solo.infames.org/?p=107#comment-191 Podrían poder de forma mas explicita el código a usar para que salga así. No me lo he mirado mucho pero me parece que para poder usarlo me voy a tener q chupar todo su CSS y código... Podrían poder de forma mas explicita el código a usar para que salga así. No me lo he mirado mucho pero me parece que para poder usarlo me voy a tener q chupar todo su CSS y código…

]]> By: Kids http://solo.infames.org/maquetacion-dependiente-de-la-resolucion/comment-page-1/#comment-187 Kids Thu, 19 Jan 2006 23:40:39 +0000 http://solo.infames.org/?p=107#comment-187 Hola, otro ejemplo puedes verlo en la web de la fundación asturiana CTIC : http://www.fundacionctic.org/ Un saludo, mola el blog ;-) Hola, otro ejemplo puedes verlo en la web de la fundación asturiana CTIC : http://www.fundacionctic.org/

Un saludo, mola el blog ;-)

]]>