CODEWITHSUNDEEP
htmlscrollbardocument-body
user1810211
user1810211

Reputation: 55

Scroll bar appearing at the bottom of webpage

I have a page and cannot understand why there is a bottom nav scroll bar appears. The coffee market It appears that some element is off screen but I cannot understand what! Solution welcome! Thanks

Upvotes: 2

Views: 11093

Answers (4)

Rdpi
Rdpi

Reputation: 581

The problem is in the top menu.

Inside the element #categories_block_left there is an UL that is not positioned properly because it pushes the container out of the layout.

what about positioning with a float?

you could use:

#categories_block_left ul.trees { float: right; position: relative; width: 75%;}

Upvotes: 0

M.F
M.F

Reputation: 143

Removing the 'width' css property from the '#categories_block_left' div removes the horizontal scrollbar and does not seem to affect the page's layout.

Upvotes: 0

fkabeer
fkabeer

Reputation: 398

find this in global.css on line 269, i think 

   width: 1050px;

omit this line or set

   width: auto;

Upvotes: 1

PenguinCoder
PenguinCoder

Reputation: 4367

In your <div id='page'> your CSS for margin is set to margin: 0 auto;

Set it to margin: 0 0; (or remove the margin attribute entirely) and the scroll bar goes away.

Edit: Tested in Chrome with the dev tools, not sure about other browsers.

Upvotes: 0

Related Questions