Can't find CSS rule that is declaring the width of <body>
I am working on some HTML / CSS stuff and for some reason, I have a stray element that is overflowing my body and causing horizontal scroll bars. Before you say it, I know this is a pretty n00b sounding mistake. I typ开发者_JAVA百科ically don't have issues like this but I could really use a second set of eyes.
http://easterndancer.com.s66112.gridserver.com/
Can you find the element that's causing the scrolling overflow (horizontal)?
Looks like it's this:
<ul class="menu" id="menu-primary-navigation-1">
In FireBug, it shows that its position is WAAAAaaay over to the right. It's related to the left: 50%;
styling. While fiddling with the code, disabling this removed the scroll bar.
Try to add
<body style="overflow-x:hidden;" class="home page page-id-27 page-template page-template-home-php">
Using process of elimination (adding display: none
to div
's) it is the menu items in #menu-primary-navigation-1
精彩评论