Web Design Forum - CSS background won't translate?

Partners

Web Design Resources

Web Designers Directory

WPDFD

Design Companies

Resources

Free Design Stuff

Free Fonts

Free Search Engine Submission

Photoshop Tutorials

Advertise Here

Welcome to WebDesignChat.org. Web Design chat is a one stop place to chat about all the latest happenings going in web design field. Here you can increase your knowledge as well as help others to grow their knowledge on Web Designing.

		Web Design Forum > Web Programming > Javascript and Html
CSS background won't translate?

Thread Tools

Search this Thread

Display Modes

09-17-2006, 11:00 PM

ConfuciousCracked ConfuciousCracked is offline

Junior Member

Join Date: Sep 2006

Posts: 1

CSS background won't translate?

HTML/CSS: Cascading Style Sheets

Hi. Well to put it as shortly as possible: I made a site using myspace (don't worry the onlything resembling a myspace page is a ad banner at the top) >>> http://myspace.com/gfyouth

Ok. So I put a background image on there (clouds + cliffs) and it seems it doesn't want to translate pixels for the different resolutions, nor stay "fixed."
(Fixed: Image stays in one spot while everything else scrolls)

Now on my computer, the code works fine. I run at 1024x768 resolution. The image stays in one spot, and covers the entire page.

For others however, it doesn't stay in place, and depending on the resolution, the image is sometimes too small to cover the entire page (thus the myspace-ish parts show) and well... a regular myspace layout sucks.

So, if anyone knows how to code the image so it will translate to different resolutions, and so it'll stay fixed, please let me know.

<heres the code>
Image:

Code:

<style type="text/css">
.Main { position:absolute; left:50%; top:0px; width:800px; z-index:1; margin-left:-490px; padding:0px; border:0px;
background-image: url("http://lekowicz.com/library/images/lake_powell_05/powell_darksky_big.jpg"); 
background-position: top center; 
background-repeat: repeat; 
background-attachment: fixed;
}

Code:

<DIV class="Main"> <table style="width:980px; height:1680px; cellpadding:0px; cellspacing:0px; border:1px solid silver; font-color: yellow; font-family: tempus sans ITC; background-image: url 
("http://lekowicz.com/library/images/lake_powell_05/powell_darksky_big.jpg");}"> <tr> <td valign="top">
</style>