Ver Mensaje Individual
  #4 (permalink)  
Antiguo 27/03/2011, 22:03
GatoGordo
 
Fecha de Ingreso: marzo-2011
Mensajes: 184
Antigüedad: 13 años, 8 meses
Puntos: 11
Respuesta: Imagen de fondo

Esta estructura te debería dar un ejemplo de lo que quieres, lo que hará será crear un bloque rojo que adaptará el ancho de la pantalla no importa la resolución que sea desplegando ese texto y uno azul que quedará a 800 pixeles no importa que se agrande o achique la pantalla.Saludos!

archivo.css
#container{
width:100%;
background:#ff0000;
color:#ffcc00;
}

#container2{
width:800px;
background:#0000ff;
color:#ffcc00;
}


archivo.html
<html>
<head>
<link href="archivo.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius gravida tellus, at consectetur tellus dapibus sed. Sed lobortis justo non urna dapibus pellentesque semper turpis fermentum. In nunc nisi, vehicula in eleifend at, tincidunt eu turpis. Nulla facilisi. Proin pharetra molestie quam, sed ultrices purus lacinia non. Donec venenatis rutrum diam at volutpat. Cras quis neque nunc. In suscipit condimentum velit, sed vehicula nisi pharetra at. Ut eu tincidunt dui. Mauris ullamcorper ante ornare sem vehicula eleifend. Suspendisse potenti. Sed vel nibh quis lacus sollicitudin placerat. Pellentesque ac quam leo, et elementum lacus. Aenean mauris risus, bibendum eget hendrerit eget, bibendum eu nisi.

Ut sed dictum augue. Vestibulum sit amet lorem nunc, quis blandit ipsum. Pellentesque egestas lacus nec turpis malesuada egestas. Cras a quam quis tellus lobortis dictum. Curabitur vitae elit ligula, ut vehicula nisl. Curabitur nec adipiscing ligula. Integer neque ipsum, euismod id consectetur vitae, dapibus quis libero. Mauris sollicitudin nunc sed orci eleifend vitae pellentesque lectus sollicitudin. Aliquam erat enim, pellentesque eget pharetra sed, tempus non nibh. Quisque commodo turpis quis mauris dapibus rhoncus. Nam augue libero, blandit quis sollicitudin nec, pretium quis diam.

Vestibulum imperdiet eros at ligula porta eget mollis turpis pharetra. Fusce aliquet nisl mi. Proin placerat aliquet augue nec dictum. Nullam varius lectus at neque egestas aliquet. Cras sed ipsum nec est dictum hendrerit. Vestibulum eu sagittis turpis. Nam ac nisl vel odio aliquam varius. Cras nisi purus, fringilla at suscipit nec, lobortis in nulla. Donec a felis est. Maecenas accumsan orci eu turpis sagittis porttitor. Morbi velit nisl, lacinia ac ullamcorper quis, tincidunt sed sem. Duis congue suscipit bibendum. Nulla pharetra elementum felis vel facilisis.

Maecenas eu urna arcu. Vivamus nec metus nunc. Ut aliquet placerat placerat. Donec faucibus purus tellus. Praesent a arcu non mi consectetur ultricies quis in dolor. Ut pretium, erat at ornare consequat, ipsum arcu interdum nisl, id tincidunt quam elit ut turpis. In gravida, dolor dictum volutpat varius, risus lorem lacinia metus, id mattis sem ante vel tortor. Ut eu lacus est, at iaculis diam. Nunc rhoncus imperdiet massa sit amet vulputate. Nulla accumsan vehicula arcu, vitae congue arcu vestibulum sed. Etiam non laoreet dolor. Suspendisse enim tellus, tincidunt consequat lacinia nec, vehicula eu mi. Cras volutpat placerat nisi ac semper.

Pellentesque euismod tristique velit vitae feugiat. Etiam sodales consectetur purus, iaculis dictum nibh facilisis sit amet. Nullam et augue est, venenatis facilisis lectus. Quisque nec magna dui, eu malesuada nunc. Nam diam nisl, semper non malesuada eget, scelerisque ac ligula. Phasellus tincidunt bibendum est, eu fermentum libero auctor a. In laoreet, libero quis molestie venenatis, nibh ante sodales nisl, ac tempor libero risus sed mauris. Etiam elementum interdum posuere. Nam quis mauris quam. Proin ut felis nisl, ac vehicula metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse blandit odio ut dolor gravida rhoncus. Cras nec pellentesque nulla. Mauris ut mi eu elit dictum adipiscing at at ligula. Fusce eget justo justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
</div>
<div id="container2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius gravida tellus, at consectetur tellus dapibus sed. Sed lobortis justo non urna dapibus pellentesque semper turpis fermentum. In nunc nisi, vehicula in eleifend at, tincidunt eu turpis. Nulla facilisi. Proin pharetra molestie quam, sed ultrices purus lacinia non. Donec venenatis rutrum diam at volutpat. Cras quis neque nunc. In suscipit condimentum velit, sed vehicula nisi pharetra at. Ut eu tincidunt dui. Mauris ullamcorper ante ornare sem vehicula eleifend. Suspendisse potenti. Sed vel nibh quis lacus sollicitudin placerat. Pellentesque ac quam leo, et elementum lacus. Aenean mauris risus, bibendum eget hendrerit eget, bibendum eu nisi.

Ut sed dictum augue. Vestibulum sit amet lorem nunc, quis blandit ipsum. Pellentesque egestas lacus nec turpis malesuada egestas. Cras a quam quis tellus lobortis dictum. Curabitur vitae elit ligula, ut vehicula nisl. Curabitur nec adipiscing ligula. Integer neque ipsum, euismod id consectetur vitae, dapibus quis libero. Mauris sollicitudin nunc sed orci eleifend vitae pellentesque lectus sollicitudin. Aliquam erat enim, pellentesque eget pharetra sed, tempus non nibh. Quisque commodo turpis quis mauris dapibus rhoncus. Nam augue libero, blandit quis sollicitudin nec, pretium quis diam.

Vestibulum imperdiet eros at ligula porta eget mollis turpis pharetra. Fusce aliquet nisl mi. Proin placerat aliquet augue nec dictum. Nullam varius lectus at neque egestas aliquet. Cras sed ipsum nec est dictum hendrerit. Vestibulum eu sagittis turpis. Nam ac nisl vel odio aliquam varius. Cras nisi purus, fringilla at suscipit nec, lobortis in nulla. Donec a felis est. Maecenas accumsan orci eu turpis sagittis porttitor. Morbi velit nisl, lacinia ac ullamcorper quis, tincidunt sed sem. Duis congue suscipit bibendum. Nulla pharetra elementum felis vel facilisis.

Maecenas eu urna arcu. Vivamus nec metus nunc. Ut aliquet placerat placerat. Donec faucibus purus tellus. Praesent a arcu non mi consectetur ultricies quis in dolor. Ut pretium, erat at ornare consequat, ipsum arcu interdum nisl, id tincidunt quam elit ut turpis. In gravida, dolor dictum volutpat varius, risus lorem lacinia metus, id mattis sem ante vel tortor. Ut eu lacus est, at iaculis diam. Nunc rhoncus imperdiet massa sit amet vulputate. Nulla accumsan vehicula arcu, vitae congue arcu vestibulum sed. Etiam non laoreet dolor. Suspendisse enim tellus, tincidunt consequat lacinia nec, vehicula eu mi. Cras volutpat placerat nisi ac semper.

Pellentesque euismod tristique velit vitae feugiat. Etiam sodales consectetur purus, iaculis dictum nibh facilisis sit amet. Nullam et augue est, venenatis facilisis lectus. Quisque nec magna dui, eu malesuada nunc. Nam diam nisl, semper non malesuada eget, scelerisque ac ligula. Phasellus tincidunt bibendum est, eu fermentum libero auctor a. In laoreet, libero quis molestie venenatis, nibh ante sodales nisl, ac tempor libero risus sed mauris. Etiam elementum interdum posuere. Nam quis mauris quam. Proin ut felis nisl, ac vehicula metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse blandit odio ut dolor gravida rhoncus. Cras nec pellentesque nulla. Mauris ut mi eu elit dictum adipiscing at at ligula. Fusce eget justo justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
</div>
</body>
</html>

__________________
“Un estómago vacío, es un mal consejero.” Albert Einstein

Reflexiones, humor gráfico, chistes, Deporte, Consejos y tips