Un Gran Dilema De Resolución

sulpra2002 · #1 (**permalink**) 01/03/2007, 07:07

Hola!

Estoy haciendo un Sitio, y aunque he leído mucho, no puedo lograr solucionar mi problema. Se que hay muchos Temas que tratan sobre esto, pero ninguno de ellos pudo ayudarme.

Con el Photoshop cree una Imagen (Dimensiones: 1024 x 5) para usar de Fondo. La cree de ese tamaño, porque quiero que se repita en forma de mosaico. Me gustaría ponerles una Imagen para que entiendan mejor, pero el Foro no me lo permite. Les explico a lo que me refiero: quiero crear esos Fondos que tienen dos columnas a la derecha y a la izquierda y que en el centro tienen el contenido del Sitio. Como el que usa este Foro.

Pero el problema es que en Resolución 1024x768 se ve bien, pero en 800x600, no.

Se ve corrido. Cómo hago para que en cualquiera de las dos Resoluciones se vea centrado y bien?

A lo mejor estoy haciendo algo mal. Cuál es la mejor forma de hacer un fondo como el que les describí arriba?

Muchas gracias!

valerya · #2 (**permalink**) 01/03/2007, 13:04

hola,
lo que puedes hacer es colocar un fondo o color a la pagina entera por un lado (esto se verá como lo que entiendo que tu llamas dos columnas a ambos lados) y en el centro, en una tabla centrada de unos 760 px, armas el sitio colocándole a esta tabla un fondo u otro color

Saludos
Valeria

bernardo · #3 (**permalink**) 01/03/2007, 13:32

En tu archivo de estilos CSS pon
background-image: url(images/fondo.gif);
background-position: center;
background-repeat: repeat-y;

sulpra2002 · #4 (**permalink**) 01/03/2007, 14:04

No funcionó

juaniquillo · #5 (**permalink**) 01/03/2007, 18:07

deberia funcionar. podrias postear lo que tienes hasta ahora?

sulpra2002 · #6 (**permalink**) 01/03/2007, 18:15

Hola!

Esto es lo que tengo hasta ahora:

<html>
<head>
<title>Keane Argentina</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

</style></head>
<body>
</body>
</html>

juliopez · #7 (**permalink**) 01/03/2007, 20:55

<html><style type="text/css">

</style>
<table width="70%" border="0">
<tr>
<td></td>
</tr>
</table>

<body>
<table width="70%" border="0" align="center">
<tr>
<td></td>
</tr>
</table>
</body>
</html>

De esta manera incluyes un fondo fijo que nunca se mueve (dará la impresión que se mueve la tabla, la cual la haces con tantos por ciento para envitar que en una u otra resolución se vea distinta, y en el centro, para que de la imagen de fondo sólo se vea los 15% de cada lado, por poner un ejemplo)
espero haber audado.

sulpra2002 · #8 (**permalink**) 02/03/2007, 07:36

Funcionó perfectamente. Gracias!

Husein · #9 (**permalink**) 12/03/2007, 20:45

Excelente idea, gracias...