Hi Everyone, Sean here, I am looking to set a background image I have just made that is 800x1 pixels I want to set it that no matter what size your window is it fills 100% of the screen what would be the code or how would I set it up to make the background image behave in this manner? Thanks!
Is the 800x1px vertical or horizontal? Do you want it to repeat-x or repeat-y or both? Is it a solid colour? A pattern? A gradient? A link is always useful so we can 'see' what you're talking about.
800 width by 1 height repeating I want it to stretch 100% no matter if your looking at it on a 1000x width screen or 800x screen. It is a gradient white to black.
repeat-y repeats it vertically. so <body style="background: url('image address'); background-repeat: repeat-y;"> As far as the stretching background for any resolution computer repeating via x axis, I'm not sure. I'd probably set a default background as the fade out color. So black for the fadeout color and make sure your background is aligned top left. So if the background goes on it'll be black like the gradient.
well thats the issue if the screen size s to big and i set the background to black both the white side and black side get blacked. I am attaching some files right now so you can view it... http://www.imagezhost.com/viewer.php?file=qhflftgcymp1wzp5cdzh.jpg
If it's an advertisement like that make it two columns and divide the background. Or try this for css body { background-image: url('image here'); background-repeat: no-repeat; background-attachment:fixed; background-position: top left }
it works fine i dont have any issues other then I need the background to adjust if the size of the window is larger or smaller then the 800 pixel image i have now