Fondo Pantalla Completa

cmarti · #1 (**permalink**) 18/07/2009, 14:54

Actualmente tengo una resolución de 1680 x 1050 y con bastante frecuencia veo páginas centradas y como que tuvieran otra "por detrás" que cubriera el resto de la resolución de mi monitor. En esta página : Libros Gratis doy un acercamiento a lo que me gustaría entender pero el que sigue me parece El ejemplo más concreto para expresar mi necesidad.

Me olvidaba. Otro caso más concreto La Página de MSN

Cómo se hace? Se crea la index con una tabla al 100% y dentro de ella otra pixelada (por ejemplo de no mas de 1050 px de acho?

Gs.

iovan · #2 (**permalink**) 18/07/2009, 19:34

lol.

Amigo no se entiende.

Bueno creo saber a lo que te refieres.

Quieres centrar el contenido de tu web y colocar una imagen del fondo.

haber

Código HTML:

<html>
<head>
<title> Tu titulo </title>
<style>
body {
background-image:url('http://dominio.com/imagen.jpg');
background-attachment:fixed;
background-repeat:repeat-x;
}
</style>
</head>
<body>
<div align="center">
El contenido que quieres mostrar al centro.
</div>
</body>
</html>

Que tal si en lugar de preguntar ese tipo de cosas en el foro descargas el dreamweaver para que conoscas el HTML amigo.

Lo puedes descargar desde www.adobe.com

En google encuentras buenos manuales para aprender a usar dreamweaver.

Saludos amigo! =)

cmarti · #3 (**permalink**) 19/07/2009, 13:30

Estimado.
No me hace falta instalar absolutamente nada de hecho ya lo tengo instalado.

Sugerir la instalación de DW hubiese sido acertado si mi pregunta hubiese sido por ej,... me gustaría comenzar con el desarrollo web. Qué pgma. me recomiendan?

Como verás mi pregunta no fué esa.

El ejemplo que tú gentilmente acompañas se basa EN UNA SOLA PÁGINA WEB y lo que yo estoy preguntando sugiere una supuesta página ppal que toma toda la resolución del monitor (en este caso mayor al tamaño de la página centrada) más una segunda página (la centrada) que obviamente está pixelada. Es como si tuvieras la index.html a un 100% y una segunda metida obviamente en una tabla pero pixelada a (p ej) 1024 px.

Te pido le heches un vistado a los enlaces que acompañé en mi anterior post y con seguridad entenderás mejor el ejemplo.

De más está decir que si la página que estás observando (mis enlaces) posee la misma resolución de tu monitor, mi ejemplo no servirá de nada. Por el contrario si posees una resolución mayor a los 1024 pixeles, podrás notar perfectamente lo que quiero preguntar.

Desde ya, muchas gracias por tu tiempo

kseso? · #4 (**permalink**) 19/07/2009, 15:21

Hola Cmarti
Los dos ejemplos primeros son la "típica" página de anchura fija, con un fondo para el body que se repite en x (el segundo caso) y centradas horizontalmente respecto al navegador.
En el primer caso, añade una cabecera con imagen propia para el fondo y los contenidos centrados iguálmente.

En un vistazo rápido no he encontrado otra particularidad (respecto a su apariencia).
Visto en 1280px de anchura.

Un saludo

iovan · #5 (**permalink**) 19/07/2009, 19:03

Hola amigo,

No encuentro tu duda , estoy viendo con resolucion 1280

mmm

Lo siento no entiendo q es lo q no has podido lograr he visto los enlaces y no... comprendo. estas seguro que entiendes el ejemplo que di? Si sabes que es una hoja de estilo CSS y que puedes insertarla en todas las paginas que deces y asignar los valores <style> a cada una??

mmm ya volvi a leer y ha observar los ejemplos y sigo sin entender...

Mejor dime que ejemplo quieres obtener y te desarrollo el codigo, luego tu lo lees y buscas q es a lo que te referias.

Saludos!

bioxido · #6 (**permalink**) 20/07/2009, 00:52

yo tampoco entiendo lo que queres hacer...veamos...

http://www.morpheuslights.com/

Que tiene de especial? una div centrada (el contenedor) y una imagen de background puesta, seguramente de la misma forma que te explico 'New' mas arriba...

La pagina de msn? ps, lo mismo...

La primera pagina que mostraste?.... una div (header) con width: 100%; y el resto otra div tipo 'contenedor' que contenga el resto de la pagina.... un background solido puesta como ya explico New...