bg stuff....

[gYnophObia]

alright... greetings all :D ........ im but a wee nooblet here to this site so i need help..... i know html and css right now.... and plan to start learning javascript soon.... so anyways heres my problem... hope it goes here....

alright... i have a site at freewebs (http://www.freewebs.com) and i want to make an awesome page there... ok so heres my idea for the lay out... i want there to be somewhat 2 backgrounds.... one in the back fixed not to move and that covers the whole screen and another one in front of that that is smaller, centered, and scrolls..... so im having trouble getting this done... if you want to see what i mean look here (http://img54.imageshack.us/my.php?image=aaaaaaaaaaaaa9jl.jpg) i want those black bubble things in the back not to be scrolled but the blue part able to be scrolled.... so wouldnt the blue bg have to be a gif with transparency? ...... help plz :confused:

[jimberry]

Put your black bubble things as the page background and ensure the following is in the stylesheet

body {
background-attachment: fixed;
}

That will now not scroll with the rest of the page.
The other shape can be the background of a layer or table within the page.

[gYnophObia]

hmm.. ive gotten that far... i had that already in the style sheet... so i guess the blue part is the problem... but i heard having tables is noobish for a layout and slows down the loading speed of a page? ... basically the blue part is where i would have text and images and everything and every page on my site would have that layout... so whats this layer thing you speak of? and also.. is this a difficult task to accomplish? .... the only place i can think ive seen this done is at some myspace accounts...

[ray326]

Make the scrolling section(s) of the blue part divs with overflow:auto.