control area of scroll (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

maja -> control area of scroll (2/25/2005 12:22:02)

please view this website at;

http://www.majawiechen.com/perennials.htm

i would like to control the scroll area so that only the content of the page (from "PERENNIALS" down) scrolls when the default scroll bar is used. i do not want another scroll bar.

i tried position-fixed for the top portion of the page but then the content of the page scrolls over top of it.

any suggestions would be appreciated. thanks.



dpf -> RE: control area of scroll (2/25/2005 12:29:38)

I dont know the answer but I love that look!



Lazykatz -> RE: control area of scroll (2/25/2005 17:57:10)

Hi maja,

You could use a frame, as I did here. With being fairly new to css, I do not know if/or how to do it in css, you'll have to wait for one of the css masters. I agree with dpf, great look.

Grizz [8D]



maja -> RE: control area of scroll (2/25/2005 19:06:47)

dan / grizz: thanks

grizz: you site is basically the look i want. however i was told to avoid using frames. but i may have to resort to frames if i cannot achieve this look.

else: here is another page on my site.
http://www.majawiechen.com/majawiechen.htm

in this example i want everything to be fixed except for the text paragraphs. and i would like this text to scroll using the browsers default scrollbar.
there is more text than is shown because of a overflow: hidden attribute.

hope it is possible; good challenge for a css master.



caz -> RE: control area of scroll (2/26/2005 8:37:17)

Maja: have a look at this previous discussion about display:

http://www.frontpagewebmaster.com/m-213522/tm.htm

If you want to mimic frames, without actually using them you could try this 

#para
	{
	position: relative;
	top: 40px;
	left: 50px;
	width: 530px;
	height: 305px;
	overflow: auto;
	text-align: left;
	color: #939596;
	font-family: arial;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.5px;
	line-height: 1.5;
	display: block;


Try playing around with that; the extra scroll bars are set to appear ony when necessary.
Are you designing for IE only, if so IE has issues with position: fixed in that it doesn't work in the same way as in Gecko browsers, eg. Firefox.
Also have a look at the Position is Everything site for excellent CSS help. (c1sissy's sig has a link to that[;)]
The search function on this site helps a lot too.
Cheers
Carol



Giomanach -> RE: control area of scroll (2/26/2005 11:55:34)

Maja, I do believe I have acheived what you want.

Clicky Here

Is that what your looking for?

Dan



maja -> RE: control area of scroll (2/26/2005 12:32:56)

caz / giomanach:

thanks for the help. close but no cigar. im trying to avoid another scroll bar appearing and would rather it be controlled with the default browser scroll. i figuring that it must be impossible to extremely difficult. either way i did get some ideas from your advise and will try a customized scrollbar.

thanks everyone.



Lazykatz -> RE: control area of scroll (2/26/2005 14:21:57)

quote:

however i was told to avoid using frames.


I was told the same thing. With looking at 2nd page above, you may have no choice. One frame wouldn't be a bad thing in my opinion.

Grizz [8D]



Donkey -> RE: control area of scroll (2/26/2005 14:41:44)

You don't need to use frames.

You can make position:fixed work in IE and FF, although there are some constraints on your use of other CSS positioning. This link was posted a while ago by Dan the younger (Gio) in a previous thread http://www.stunicholls.myby.co.uk/layouts/fixed.html
It's worth a read.

I also like the look of your site but to me it appears a bit odd in FF, the header and body aren't aligned and the page title ("Perennials") and the top paragraph overlap the header.



caz -> RE: control area of scroll (2/26/2005 14:56:06)

Excellent Donkey, I must have missed that one.
Maya, your site is beautiful but have you considered the contrast for visitors with less than perfect vision?
I ran this through the IE Web accessibillity toolbar options and looking at the simulation for less than perfect vision and it comes out barely legible.

Have a look here
( in order to preserve the image better it is too large for OF)

You may want to adjust the background for the text and/or improve the text itself.

Sooo many things to consider[;)]



maja -> RE: control area of scroll (2/28/2005 21:56:13)

donkey, your a lifesaver. i got it to work. hopefully it works in all browsers.

here it is: http://www.majawiechen.com/perennials.htm

please respond if you see any errors in browsers other than IE. thanks everyone for all the help.



Donkey -> RE: control area of scroll (3/1/2005 3:43:41)

It's looking good, but in FF the header is slightly out of line with the body content (about 3-4 pixels).



maja -> RE: control area of scroll (3/1/2005 20:12:37)

actually i think it is 7 pixels to the left. i center aligned the banner on the top of the page with a negative left margin (1/2 width of banner) so it will always align in the center of the window. for some reason it positioned slightly off center and to the right. so i just adjusted the margin until it lined up correctly. works in IE, but i guess not FF. I will try to figure it out.



maja -> RE: control area of scroll (3/2/2005 12:48:10)

Im having some troubles with this. does anyone have any suggestions. also, i have been meaning to ask this for a while, is there a source out there in which you can view your webpage in several different browsers to check that it is working correctly?



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625