Home html Remove horizontal scroll

Remove horizontal scroll

Author

Date

Category

I learn to make up the layout, the graphics go beyond 1000px.
It is advisable to do so that on the monitor with the screen resolution of 1024x768px did not appear horizonatal scrolling, and the fact that it did not fit, just remained outside the browser.
How to achieve this?


Answer 1, Authority 100%

Add to the block in which you need to remove the scroll style (in CSS or directly)

overflow: hidden;
Overflow-y: Hidden; / * for vertical * /
overflow-x: hidden; / * for horizontal * /
& lt; body style = 'overflow-x: hidden;' & gt;

Answer 2, Authority 29%

Everything is very simple:

html {
  width: 100%;
  Max-width: 100%;
  overflow-x: hidden;
}
 Body.
 {
  width: 100%;
  Max-width: 100%;
  overflow-x: hidden;
 }

Answer 3, Authority 14%

# wrapper {width: 980px; Overflow: Show; }

is usually enough. # Wrapper – wrapper of the entire site, usually follows Body


Answer 4, Authority 7%

And for IE & LT; 8 To remove the scrolling Nothing except:

& lt; body scroll = "no" & gt;

Does not help!


Answer 5

Container, in which Content does not exist Add property Overflow: Hidden; It will hide the uncompressive parts.


Answer 6

If I understood correctly, one of the properties of CSS should help you Position: Absolute . And you can also play yourself with these properties Max-width and min-width . You can still try to wrap the picture in the div and the same Div`ow to set a background, and specify the size of the picture that is set by the background.

Programmers, Start Your Engines!

Why spend time searching for the correct question and then entering your answer when you can find it in a second? That's what CompuTicket is all about! Here you'll find thousands of questions and answers from hundreds of computer languages.

Recent questions