SunQuest
           Client Side Things
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Codewalkers ForumsOther TechnologiesClient Side Things

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Codewalkers Forums Sponsor:
Stay one step ahead of the competition. Evaluate and give feedback on some of the hottest web development tools on the market today. Make your opinion heard! Click Here
  #1  
Old September 1st, 2004, 05:59 AM
DorkRawk DorkRawk is offline
Codewalkers Newbie (0 - 499 posts)
 
Join Date: Apr 2007
Posts: 173 DorkRawk User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 2
Send a message via AIM to DorkRawk
Vertical Only Scrollbar (CSS)

Again, I'm working on my first page useing CSS and I'm turning to my beloved Codewalkers for help. I would like to have the content section of my page have only a vertical scroll bar, an no horizontal one. How can I make content wrap if it goes over horizontaly, but scroll if it goes out of bounds verticaly?

Reply With Quote
  #2  
Old September 1st, 2004, 09:08 AM
Ashkhan Ashkhan is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
 
Join Date: Apr 2007
Posts: 372 Ashkhan User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 24 m 57 sec
Reputation Power: 2
RE: Vertical Only Scrollbar (CSS)

For this you can use the overflow property. It's values are as follows: visible | hidden | scroll | auto

Example:

.info { position: absolute; top: 20px; left: 85px; width: 499px;
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
visibility: visible;
border: thin solid white;
background-color: #336699;
scrollbar-face-color: #336699; scrollbar-3dlight-color: #336699; scrollbar-base-color: #336699;
scrollbar-track-color: #336699; scrollbar-darkshadow-color: #000; scrollbar-arrow-color: #000;
scrollbar-shadow-color: #fff; scrollbar-highlight-color: #fff; }

Some properties are not always supported by all browsers.

Reply With Quote
  #3  
Old September 1st, 2004, 07:51 PM
DorkRawk DorkRawk is offline
Codewalkers Newbie (0 - 499 posts)
 
Join Date: Apr 2007
Posts: 173 DorkRawk User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 2
Send a message via AIM to DorkRawk
RE: Vertical Only Scrollbar (CSS)

overflow-y: scroll;
overflow-x: hidden;

These don't seem to be recognized as real CSS and are only supported by IE.

Reply With Quote
  #4  
Old September 1st, 2004, 08:44 PM
zombie zombie is offline
Codewalkers Intermediate (1500 - 1999 posts)
 
Join Date: Apr 2007
Location: serbia
Posts: 1,876 zombie User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 3
RE: Vertical Only Scrollbar (CSS)

just use

overflow: auto;


Reply With Quote
  #5  
Old September 2nd, 2004, 05:59 PM
DorkRawk DorkRawk is offline
Codewalkers Newbie (0 - 499 posts)
 
Join Date: Apr 2007
Posts: 173 DorkRawk User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 2
Send a message via AIM to DorkRawk
RE: Vertical Only Scrollbar (CSS)

Thats what I'm useing now, but I would like my content to wrap horizontaly and never have a horizontal scroll bar

Reply With Quote
  #6  
Old September 2nd, 2004, 09:24 PM
zombie zombie is offline
Codewalkers Intermediate (1500 - 1999 posts)
 
Join Date: Apr 2007
Location: serbia
Posts: 1,876 zombie User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 3
RE: Vertical Only Scrollbar (CSS)

it should already do that..

doesn't it? can you show me the page?

Reply With Quote
  #7  
Old September 3rd, 2004, 05:01 PM
DorkRawk DorkRawk is offline
Codewalkers Newbie (0 - 499 posts)
 
Join Date: Apr 2007
Posts: 173 DorkRawk User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 2
Send a message via AIM to DorkRawk
RE: Vertical Only Scrollbar (CSS)


Reply With Quote
  #8  
Old September 3rd, 2004, 09:26 PM
zombie zombie is offline
Codewalkers Intermediate (1500 - 1999 posts)
 
Join Date: Apr 2007
Location: serbia
Posts: 1,876 zombie User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 3
RE: Vertical Only Scrollbar (CSS)

that is not a normal text.. normal text has spaces, and it works for normal text.

anyway, what should CSS do in that case? break those long words? where exactly? and how should it note that? how can it know what words shouldn't (can't) be broken?

in short: you can't do that..

Reply With Quote
  #9  
Old September 4th, 2004, 04:50 PM
DorkRawk DorkRawk is offline
Codewalkers Newbie (0 - 499 posts)
 
Join Date: Apr 2007
Posts: 173 DorkRawk User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 2
Send a message via AIM to DorkRawk
RE: Vertical Only Scrollbar (CSS)

Ahh yes... I see your point. Did you notice that the title of the page "News" kinda hung into the text area (if you're useing anything but IE)?? Do you know what might be causeing that? From what I can see, all my div tags are closed properly. The CSS file is here http://www.captainsupreme.com/newpage/cptsup.css if that helps.

Reply With Quote
  #10  
Old September 4th, 2004, 06:06 PM
zombie zombie is offline
Codewalkers Intermediate (1500 - 1999 posts)
 
Join Date: Apr 2007
Location: serbia
Posts: 1,876 zombie User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 3
RE: Vertical Only Scrollbar (CSS)

add:

clear: both;

to the css rules for the #section.

and if you want to know more about floats, read this http://www.complexspiral.com/publications/containing-floats/

Reply With Quote
Reply

Viewing: Codewalkers ForumsOther TechnologiesClient Side Things > Vertical Only Scrollbar (CSS)


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 6 hosted by Hostway