Go Back   TechArena Community > Software > Software Development
Become a Member!
Forgot your username/password?
Tags Active Topics RSS Search Mark Forums Read

Reply
 
Thread Tools Search this Thread
  #1  
Old 02-07-2009
Zoe Zoe is offline
Member
 
Join Date: May 2008
Posts: 152
Horizontal Scrolling Div in CSS

I try a horizontal scrollbar in a div to get only a horizontal, not vertical. The objects must also horizontal line, which is problematic. I have just as two movies on the youtube page pasted:

Code:
 div # media ( 
	  font-weight: bold; 
	  margin: 0px 0px 10px 0px; 
	  text-align: center; 
	  padding: 10px; 
	  float: right; 
	  height: 410px; 
	  width: 490px; 
	  background-color: # 000000; 
	  text-align: center; 
	  overflow: auto; 
	  overflow:-MOZ-scrollbars-horizontal; 
	  overflow-x: scroll; 
	  overflow-y: hidden;)
It is of course to handle tables, but I no longer start. Just want to use div. I have already tried quite sit in the overflow potential, car, hidden, none, scroll, but in no way objects appear to be horizontal is always vertical.

Hopefully someone can help me here.
Reply With Quote
  #2  
Old 02-07-2009
Member
 
Join Date: May 2008
Posts: 279
Re: Horizontal Scrolling Div in CSS

Try this it might be a browser issue, actually my div is too wide at the top to display all the time I need to be able to scroll horizontally but the div does not move to see the rest of my div.

Code:
overflow: auto;
overflow-y: hidden;
Reply With Quote
  #3  
Old 02-07-2009
Member
 
Join Date: May 2008
Posts: 194
Re: Horizontal Scrolling Div in CSS

CSS should be like this :

Code:
#container {

overflow:auto;  /* cater to the older browsers */

overflow-x:scroll; /* scroll horizontal */

overflow-y:hidden; /* Hide vertical*/

}
Reply With Quote
  #4  
Old 02-07-2009
Zoe Zoe is offline
Member
 
Join Date: May 2008
Posts: 152
Re: Horizontal Scrolling Div in CSS

That looks quite nice sometimes, but seems not to be what I want ultimately construction. I will watch it again but let me detail.
Reply With Quote
Reply

  TechArena Community > Software > Software Development
Tags: , ,



Thread Tools Search this Thread
Search this Thread:

Advanced Search


Similar Threads for: "Horizontal Scrolling Div in CSS"
Thread Thread Starter Forum Replies Last Post
How to disable horizontal scrolling in Magic mouse Lalitesh Hardware Peripherals 2 23-12-2011 10:22 PM
How to create horizontal menu using CSS Efigenio Software Development 6 29-03-2010 08:40 PM
Horizontal center layout in CSS Chrisch Software Development 3 04-11-2009 09:26 AM
horizontal scrolling moves forward and back in Firefox Sacchidananda Windows Software 3 13-07-2009 08:01 AM
Vertical scrolling...jumps rather than smooth scrolling - Excel 20 Abbie Vista Hardware Devices 2 24-04-2009 07:36 AM


All times are GMT +5.5. The time now is 06:42 AM.