El conocimiento se parece al dinero en que mientras m\u00e1s se tiene m\u00e1s se quiere, y se diferencia del dinero en que mientras m\u00e1s se da m\u00e1s se posee.<\/p><\/blockquote>\n
Bien, creo que se puede aplicar a este espec\u00edfico caso en que el altruismo de la ense\u00f1anza se ve superado por la necesidad de empezar a comprender c\u00f3mo se comportan los estilos en la web, dado que como bien todos saben, se ha convertido en un aut\u00e9ntico dolor de cabeza, no por su complejidad sino por lo caprichoso de su comportamiento una vez que estos estilos comienzas a interactuar con los distintos navegadores y resoluciones.<\/p>\n
Este primer ejemplo es una variante para conseguir algo muy \u00fatil: fondos que se ajusten al tama\u00f1o de su contenido o de la pantalla, manteniendo la est\u00e9tica de cualquier art\u00edculo.
\n <\/p>\n
Ejemplo 1: Fondo Ajustable<\/h6>\n
<\/p>\n
TOP<\/strong><\/p>\n En primer lugar, para ordenar los 3 elementos de arriba necesitamos unbicarlos en sus respectivas posiciones de izquierda, centro y derecha. Esto se consigue con la declaraci\u00f3n:position<\/a>. Lo interesante aqu\u00ed es que se le ha otorgado una posici\u00f3n absoluta al elemento de la derecha (tr), que sin embargo se mantiene dentro de la caja, debido a que la capa que la contiene (top) se le ha dado a su vez una posici\u00f3n relativa. De no ser as\u00ed se hubiera ubicado en el extremo derecho y superior de la pantalla. En el enlace de referencia, aunque est\u00e1 en ingl\u00e9s, se puede ver ejemplificado este comportamiento.<\/p>\n MID<\/strong><\/p>\n En los elementos del centro no coinciden los nombres de las capas y de las im\u00e1genes. Se ha ubicado en la \u00faltima capa de la secci\u00f3n (mr) la imagen que cubrir\u00e1 todo el centro del contenido, para poder asignarle unos m\u00e1rgenes que permitan ver ambos laterales, en este caso un margen de 50 px.<\/p>\n Hay que tener en cuenta que algunos elementos del contenido generan m\u00e1rgenes no deseados, como en este caso la lista ordenada (lo) de manera que hay que darle un valor de 0.<\/p>\n BOTTOM<\/strong><\/p>\n De forma similar que el top, en el fondo se ha dado una posici\u00f3n relativa al elemento central (bot) y posiciones absolutas a los elementos bl y br para que pudan situarse a ambos extremos.<\/p><\/div>\n<\/div>\n<\/div>\n
![\"Ej.](\"https:\/\/www.pcpolis.es\/blog\/wp-content\/upLoads\/fa_sectores.jpg\" "\\"fa_sectores\\"")