Buscar un código de CSS

Este código muestra como un div que se encuentra entre dos divs, se adapta en anchura según la anchura total del contenedor de ellos. Este div lleva en su interior un input para visualizar el efecto y mostrar el ejemplo.

Este código muestra como el div que se encuentra entre la cabecera y pie de pagina se adapta en altura según el tamaño especificado por el contenedor. Ver la linea roja que ocupa toda la altura menos el tamaño de la cabecera y pie de pagina.

Como centrar una imagen en cualquier dispositivo / pantalla de modo responsable con CSS compatible; sin pseudo clases, sin media query, sin calcular márgenes, sin importar el tamaño, etc.
El resultado es parecido al de aplicaciones de escritorio cuando redimensionamos la ventana.

Espero sea útil.

Un saludo

Simple código que muestra como poner una imagen de fondo que ocupe todo el navegador y se redimensione cuando el navegador cambie de tamaño.

Simple código que muestra como redimensionar el fondo de una pagina web al tamaño del navegador.
Probado en los navegadores: IExplorer 8x, Firefox 5x, Safari 4x y Opera 11x

Hay navegadores que no soportantan algunos atributos de CSS. Por ejemplo: IExplorer en versiones 5, 6, 7, ... que todavía se utilizan, no soportan total ó parcialmente el atributo FIXED.
No obstante, algo se puede hacer: Si un objeto, elemento de la estructura HTML lo posicionamos de forma absoluta con respecto a la etiqueta superior, este quedará "fijo" dentro de ella; si inmovilizamos la etiqueta HTML, que ya es casi fija de por si, los elementos contenidos con atributo absolute quedarán "fijos". Pero mejor lo vemos en el código.

Un sencillo menú horizontal compatible con la mayoría de dispositivos y navegadores actuales.

Con muy pocas líneas de código, se pueden conseguir atractivos efectos.