Extra Space on Right Side CSS

I seem to be getting an extra space on the right side of my page. I'm using Zurb's Foundation/Wordpress for this.

You can check the website here: http://tinyurl.com/dypgvgp

Any ideas?

Answers


First of all I don't really see much space on the right in Firefox. Here's some general pointers.

If you remove the limit on the x-overflow, you can see some stuff going on on the right. For example, the page goes on for quite a bit on the right side. Might want to limit the width of the main container.

Here's how to disable:

html, body {
    font-size: 100%;
    /* overflow-x: hidden; */
}

This is drawing a border:

*, *:before, *:after {
    -moz-box-sizing: border-box;
}

This is giving each row some extra margin left and right:

.row .row {
    margin: 0 -0.9375em;
    max-width: none;
    width: auto;
}

Hope that helps some.


Need Your Help

Using Flash Component SWC file in Flex

flex flash components

I am accessing custom UIComponent via SWC file from Flex 3.

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.