getting error in overflow-x and overflow-y in css style

Question

3.00/5 (1 vote)

See more:

<pre lang="HTML"></pre>Hi,

I want to set vertical scroll only in the css.

When i use

overflow-y:none;
overflow-x:scroll;

getting error in overflow-x and overflow-y in css style.

also, not working this.

what is the problem in x and y axis...?

Posted 17-Nov-11 18:42pm

gani7787

Add a Solution

Comments

hitech_s 18-Nov-11 1:02am

can u show the class where you use those

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

thatraja · Accepted Answer · 2011-11-19T04:21:00

Your code is wrong. overflow-x for horizontal & overflow-y for vertical

CSS

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

Vertical Scroll
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mollis vulputate dui, et vestibulum lacus congue in. Vestibulum ut magna nisi. Ut erat tellus, rutrum id facilisis ut, sollicitudin ac leo. Aenean eget lorem sit amet felis facilisis ultricies. Morbi nec eros lectus, eu fermentum lectus. Mauris sed imperdiet dui. Vivamus tempor venenatis tellus, sit amet feugiat sapien accumsan non. Nunc posuere vestibulum convallis. Pellentesque ante odio, consequat ac imperdiet nec, lobortis a quam. Quisque sed augue non felis posuere condimentum vitae sit amet enim. In eu varius nisi. Nunc fermentum adipiscing gravida. Etiam placerat, augue et lacinia auctor, metus elit semper mi, id tempus risus nisl et ipsum. Cras vitae eros ac nisi viverra ultrices non vitae ante.

CSS

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

Horizontal Scroll
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mollis vulputate dui, et vestibulum lacus congue in. Vestibulum ut magna nisi. Ut erat tellus, rutrum id facilisis ut, sollicitudin ac leo. Aenean eget lorem sit amet felis facilisis ultricies. Morbi nec eros lectus, eu fermentum lectus. Mauris sed imperdiet dui. Vivamus tempor venenatis tellus, sit amet feugiat sapien accumsan non. Nunc posuere vestibulum convallis. Pellentesque ante odio, consequat ac imperdiet nec, lobortis a quam. Quisque sed augue non felis posuere condimentum vitae sit amet enim. In eu varius nisi. Nunc fermentum adipiscing gravida. Etiam placerat, augue et lacinia auctor, metus elit semper mi, id tempus risus nisl et ipsum. Cras vitae eros ac nisi viverra ultrices non vitae ante.