I am trying to write CSS code that will give me a fixed background and scrolling content. I need the content to be contained with it own separate back ground that scrolls with it. If someone could point me in the right direction so I can learn how to do this I would be highly appreciative. Thanks
1 Year Ago
Related Article:Content Layout disorder
is a solved Web Design, HTML and CSS discussion thread by davy_yg that has 5 replies, was last updated 10 months ago and has been tagged with the keywords: content, layout.
Yes, both are correct and it just depends on which method you are aiming for. Normally a browser will repeat a background image by default when the text flows beyond the browser's screen height unless the attached argument is set to fixed then the text will be moved by the browser's side scroll bar but the image will not move to compensate which makes the text seem to float over it. But this affects the entire browser screen.
Since it seems that you are trying to scroll only a certain segment then you should use both. Assuming that you would want to use a DIV as the 'container' you should create a CSS class for it which sets the overflow to scroll and specify the background image and have it "fixed" as well.
This way your whole site won't have a fixed background if not necessary but the content box will look how you want it to.