define pages scroll bar?

Hi im trying to add a scroll bar to my define pages
terms and conditions page

The template i have downloaded smooth_green has a floating box and the text that i have put on is too long for the box and is overflowing. thought if i could put in a scroll bar this would solve this problem :smile: or if there is another solution please could you let me know :clap:

Unfortunately the site is not up and running at the moment so cannot give a link sorry

Thanks
Marie

Are you wanting the top header and sideboxes to remain in place while the T & C scroll?

yes please :clap:

This is probably the simplest way, but will need to be tested with as many browsers as possible.

http://tinyurl.com/3setjqf

Thankyou very much

one last question where would i install the code ?

Marie

Hi
it seems to happen on all the boxes is there a way of making the boxes extend as the text does ? dont know if you will be able to see the site if i give you this but i will put it anyway....

http://79.170.44.75/ref-happieladies.co.uk/index.php?main_page=login

thanks
Marie

start by changing stylesheet_tv.css around line 133 from> height: 80pxto> height: 197px
It's hard to fit a 197px high image into a 80px slot:smartalec:

Hi tried that and nothings changed :frusty:

thanks
Marie

:dontgetit it made a major difference in firefox. Products and main data have moved under the header where they belong.

Next you will need to work with the stylesheet around line 215 where there's a background-image call. IMHO the site would look better if you just remove the background image altogether. It's not the right size for any page that it's used on.

I would change the stylesheet_tv.css #mainbody call (around line 215) to the following and adjust as needed.> #mainbody{

width: 591px /* This would not be needed if the extra td were removed.*/
background-color: #FFFFFF;
border: 5px solid #F381F2;
border-radius: 24px;
}This will give you the same effect but, it will automatically adjust to the size of the information.

Then, you could change the .leftBoxContainer (around line 201) to> .leftBoxContainer {

background-color: #FFFFFF;
border: 5px solid #F381F2;
border-radius: 24px;
}This will match the sideboxes to the main area. It appears that the .rightBoxContainer is turned off, so you might not need to add that.
Then, remove the background image from #categories and change the background-color to #FFFFFF.

While border-radius is CSS3, it should work in all browsers, but you may need to add the following for folks still using firefox 3.6 or older.> -moz-border-radius: 24px; /* Firefox 3.6 and earlier. */

Thankyou

that has worked for the scrolling but ive lost the rounded corners and the main body has no infill :( how would i bring those back ?

Many thanks for your help
Marie

you left out the background-color call in the #mainBody:oops:

thank you being a little blonde today !!:smile:

all working fine now thank you so much for your help I may need more as i delve further into the depths lol :D

again thanks
Marie

Glad you got it going.:clap:
Just remember to open new posts for each problem and always answer the posting tips to include a path to your site. Once I saw the site, I had a better idea of what needed to be done.:yes:

Will do :smile: