CODEWITHSUNDEEP
htmlcss
user2135867
user2135867

Reputation:

Website has horizontal scrollbar

i am currently making a website but i have a horizontal scroll bar... here is the CSS for the body/html

body,html {
    min-width:600px;
    height:100%;
    margin:0;
    padding:0;
    font-family:Calibri;
}

here is a fiddle: http://jsfiddle.net/charliejsford/8DSBY/

how can i get rid of the horizontal scrollbar even when the screen size is changed?

Upvotes: 1

Views: 14410

Answers (4)

Adam Bartz
Adam Bartz

Reputation: 249

You can use the following in your CSS body tag:

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

That will remove your scrollbar.

Upvotes: 2

Lucas Rufkahr
Lucas Rufkahr

Reputation: 15

Try removing width:100% from your CSS

Upvotes: 0

Mehul Kaklotar
Mehul Kaklotar

Reputation: 375

width:auto; can solve your doubt?

Upvotes: 0

middleinitial
middleinitial

Reputation: 659

You should remove the width property from your footer css.

Overflow will mask the problem but doesn't address the root issue with the layout.

Upvotes: 7

Related Questions