RE: [WSG] Vertical Scrolling

[Piotr Zalewa]

It will work with overflow: auto, just one of the parameters
(width/height) have to be smaller than the size of the box.

<div id='static'>
  <div id='scrolled'>
     content here
  </div>
</div>

#static { width: 200px; height: 300px; overflow: scroll }
#scrolled { width: 400px; height: 270px; } /* there has to be a place
for the scrollbar inside #static

not tested - only I think it is like that :)

Piotr

On Fri, 2008-07-25 at 13:39 +0100, Essential eBiz Solutions Ltd wrote:
> Hi Darren,
>       Just realised my error, I want to use a vertical scroll bar but not
> have the horizontal one showing.
> 
> I've uploaded an example of the page as it is now, but all the text hide's
> because of the fixed height, I've tried to have my client allow me to expand
> the height from 550 to 100% but it's a no go.
> 
> Example is at url www.essentialebizsolutions.net/client/human/example.gif
> 
> Many thanks
> 
> -----Original Message-----
> From: [EMAIL PROTECTED] [EMAIL PROTECTED] On
> Behalf Of Darren Lovelock
> Sent: 25 July 2008 13:07
> To: wsg@webstandardsgroup.org
> Subject: RE: [WSG] Vertical Scrolling
> 
> Hi Mat,
>  
> Can you show us an example? Not really sure how you would want it to scroll
> without a vertical scrollbar, unless you want it to scroll horizontally?
>  
> To create another method of scrolling I would presume that you will have to
> use javascript.
>  
> I'm thinking though that the simplest idea would be to not limit the page
> height to 550px. Seems very small to me!
>  
> Cheers,
>  
> Darren Lovelock
> Munky Online Web Design
> http://www.munkyonline.co.uk <http://www.munkyonline.co.uk/> 
> T: +44 (0)20-8816-8893
> 
> ________________________________
> 
> From: [EMAIL PROTECTED] [EMAIL PROTECTED] On
> Behalf Of Essential eBiz Solutions Ltd
> Sent: 25 July 2008 12:11
> To: wsg@webstandardsgroup.org
> Subject: [WSG] Vertical Scrolling
> 
> 
> 
> I'm still working on a tight layout for a soon to end client. I'm trying to
> write a price list page for them, but the height of the page is fixed to
> 550px, and for the life of me I can't think of how to make the DIV scroll
> without having a vertical scroll bar and for it to still work in IE6, 7 and
> FireFox without dirty hacks.
> 
>  
> 
> If anyone can help that will be brilliant as I want the user to experience
> the site the same no matter what browser they are using.
> 
>  
> 
> Thanks
> 
> Mat
> 
> www.i-matto.co.uk <http://www.i-matto.co.uk/> 
> 
>  
> 
> 
> 
> 
> 
> 
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ******************************************************************* 
> 
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ******************************************************************* 
> 
> 
> 
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> *******************************************************************
> 
-- 
Web Developer 
http://webdev.zalewa.info



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************