CODEWITHSUNDEEP
htmlcss
user2135867
user2135867

Reputation:

page width is going over 100%

I have the following css for my website...

CSS:

body {
    font-family: Calibri;
    font-size: 100%;
    color: #323232;
    position: relative;
    min-width: 60%;
}
html, body { height:100%;}

it is adding a horizontal scroll bar for some reason and i dont know why

here is a fiddle for the full css and html: http://jsfiddle.net/charliejsford/9MdSv/

any ideas?

Upvotes: 0

Views: 96

Answers (2)

BenM
BenM

Reputation: 53246

You have to remove the margin on the body element:

body {
    font-family: Calibri;
    font-size: 100%;
    color: #323232;
    position: relative;
    min-width: 60%;
    margin: 0
}

Here's an updated jsFiddle.

Upvotes: 2

Kevin Lynch
Kevin Lynch

Reputation: 24733

you have to set a max-width as the example here

#trans-nav li ul {
    opacity: 0;
    position: absolute;
    left: 0;
    max-width: 260px;
    background: #EEEEEE;
    list-style-type: none;
    padding: 0;
    margin: 0; 
}

Upvotes: 1

Related Questions