Thread: Layer scrolling problems
Results 1 to 4 of 4
02-27-2003, 08:32 PM #1
Layer scrolling problems
I'm having a problem with my page... I want to use layers for the layout, but would like to be able to have the ability to use height ="100%" on the sides of the page. When there more content than can be displayed on the page, the page scrolls and the layers on the side, with the bg images stop so you have an bad line on the sides. An example, http://students.oneonta.edu/calhcm22/vellano/map.asp Please shrink your browser so there is a scroll bar, then scroll down the page and you will see what I mean. PLEASE! I need help with this ASAP. I think floating layers may be the answer to it, but I'm not really sure how to use them. THANK YOU VERY MUCH!
02-28-2003, 01:42 AM #2
u can use relative positioning, which is tricky.. i usually just use a a table with height and width set to 100% (i'm real lazy).
or u can set everything to the left of the layers to the left of the main one and set the width to *, that way it'll set itself to whatever is left of the window, and set the width of the rightmost layer to the value u want. i might be wrong, i'm not sure i understand what you're trying to do.
02-28-2003, 09:56 AM #3
umm... i dont think it worked
It seems when you use the * for width, it goes as far as your content goes, but if your browser goes farther than that, the layer stops abruptly. So far, all I have figured out to do is include a table with cells on the side with the background images that are supposed to be there, as well as have the same background image in layers in the same positioning. This way, browsers will always read the background images that are in the layers 100% in full screen, and if the content layer causes scrolling in the page, the table forces the background images in the cell to expand also.
06-10-2004, 11:08 AM #4
The best way to do this is to get a background image and repeat it along the y axis all the way down your page like so
background: white url(./image.jpg) repeat-y;
you can also stick that to the left or the right or the center... that will scroll past the bottom of your page... and you can obviously do the same to a div element... or anything else for that matter...
It took me way to long to figure this one out ^_^'