User Name Password Register
DaniWeb IT Discussion Community
All
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 429,741 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 4,067 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 521 | Replies: 4 | Solved
Reply
Join Date: Jun 2008
Posts: 6
Reputation: w33n is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
w33n w33n is offline Offline
Newbie Poster

Scrollboxes w/o tables using CSS

  #1  
Jun 4th, 2008
Is it possible to create scrollboxes w/o tables?
AddThis Social Bookmark Button
Reply With Quote  
Join Date: Mar 2008
Location: Slovakia
Posts: 61
Reputation: lio04 is an unknown quantity at this point 
Rep Power: 1
Solved Threads: 4
lio04's Avatar
lio04 lio04 is offline Offline
Junior Poster in Training

Re: Scrollboxes w/o tables using CSS

  #2  
Jun 5th, 2008
Sure, define any <div> in your CSS file, which will have width and height properities + overflow setting, if is content bigger than box. Something like this:

#box {
	width: 200px;
	height: 400px;
	background: #F2F2F2;
	border: 1px solid #DDDFFF;
	overflow: scroll;
}
Jabber: lio04(at)jabbim(dot)sk
P.S. Sorry for my English, I am autodidact :)) In school I have only German.
Reply With Quote  
Join Date: Jun 2008
Posts: 6
Reputation: w33n is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
w33n w33n is offline Offline
Newbie Poster

Re: Scrollboxes w/o tables using CSS

  #3  
Jun 5th, 2008
Originally Posted by lio04 View Post
Sure, define any <div> in your CSS file, which will have width and height properities + overflow setting, if is content bigger than box. Something like this:

#box {
	width: 200px;
	height: 400px;
	background: #F2F2F2;
	border: 1px solid #DDDFFF;
	overflow: scroll;
}

WOW!!! I spent so much time making an iFrame for the first time. That's so much easier! At least I learned more about iframes. Thank you.
Reply With Quote  
Join Date: Jun 2008
Posts: 6
Reputation: w33n is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
w33n w33n is offline Offline
Newbie Poster

Re: Scrollboxes w/o tables using CSS

  #4  
Jun 5th, 2008
is there any way to get rid of the bottom scroll bar or am i pretty much stuck w/ it?
Reply With Quote  
Join Date: Mar 2008
Location: Slovakia
Posts: 61
Reputation: lio04 is an unknown quantity at this point 
Rep Power: 1
Solved Threads: 4
lio04's Avatar
lio04 lio04 is offline Offline
Junior Poster in Training

Re: Scrollboxes w/o tables using CSS

  #5  
Jun 6th, 2008
Replace overflow: scroll; with
overflow: auto;

Scrollbars will be dependent on content.
Last edited by lio04 : Jun 6th, 2008 at 12:36 am.
Jabber: lio04(at)jabbim(dot)sk
P.S. Sorry for my English, I am autodidact :)) In school I have only German.
Reply With Quote  
Reply

Only community members can participate in forum threads. You must register or log in to contribute.

DaniWeb HTML and CSS Marketplace
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

Thread Tools Display Modes

Other Threads in the HTML and CSS Forum

All times are GMT -4. The time now is 3:05 pm.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC