Hello,

I am new to web design and I am planning on creating a website.
I am using Dreamweaver and Fireworks and I am having a little bit of a problem.

Take a look:

http://201.199.73.10

Questions:

1. The background color is an image, how can I make it to be dynamic to the users screen size?

2. How can I make the text at the top of the site to have the same background color according to where it is on the screen?

3. finally, how can I make the image on the middle of the window to have the same background color.

Thanks.

Here is the code for the background color:

<style type="text/css">
<!--
.style1 {color: #993333}
body {
background-image: url(Images/bk%20color.jpg);
background-position : center;
background-repeat: repeat-x;
background-attachment : fixed;
}
-->
</style></head>

1 - since the image is tiled horizontally, there's no problem with it stretching or shrinking for different resolutions.

2- You almost can't if you're using an image instead of real text. If you use a transparent gif, you have to save it with a tiny bit of the BG color it will sit above. A transparent PNG would be perfect - but IE 6 and below doesn't support PNG transparency without some scripting.

3 - I assume you mean the bells picture. If the picture will stay at the same vertical level, then save it with a bit of the existing background as part of the image. This is a drawback to using gradients.

Thanks for the reply.

1. but does it stop near the bottom of the page? It should continue all the way down.

2. your suggestion about saving the file as a GIF with transparency worked! THX

3. I tried to save it but it does not look the same. And there is a white behind the bells.