Making non-tiling backgrounds with Css

liunx

Guest
Hi<br />
<br />
If I wanted a non-tiling background on my page which is designed for 800x600, and I wanted it to fit the entire page without scrolling, should I make the background size 800x600. <br />
<br />
Also once I have my background, I created a new css style, chose the background, fixed, no repeat and saved but it didn't show up.<br />
Do I have to go into the code to make this work?<br />
<br />
I'm pretty new with Dreamweaver, :o <br />
Thanks<!--content-->Yes the image should be the same size that you want it displayed on the web site, otherwise "stretching" will accure.<br />
<br />
For your body CSS style, use:<br />
<br />
body<br />
{<br />
background-image: url(mypic.gif);<br />
background-repeat: no-repeat;<br />
background-position: 0% 0%; (will be align in the top left corner) [1st number is left margin; 2nd number is top margin] <br />
background-attachment: scroll;<br />
background-color: white;<br />
color: black;<br />
}<br />
<br />
Possible choices:<br />
<br />
background-attachment: scroll, fixed<br />
background-position: percentage, length [1,2], top, center, bottom, right<br />
background-repeat: repeat-x, repeat-y, no-repeat<br />
<br />
Gandalf<br />
:D<!--content-->wow that was quick, thanks a lot<br />
<br />
i'll give her a try:D<!--content-->
 
Back
Top