Mysterious Overflow Options

[Alex McP]

Hi everyone,

I'm wondering if someone can help me find the one line (I know it's just one, small, nose-thumbing-at-me line) of css that's causing my content area to overflow and produce a scroll bar here:

http://minutemanairfield.com/wordpress/

I think I have html/css relatively down, but adding in php and templates makes it a whole new challenge

[pandy]

Can't reach the domain. The problem could very well be in my end though. My ISP is acting up.

[Alex McP]

I am live-editing it because I haven't figured out how to "sandbox" wordpress locally, but regardless, the issue should still be there (it might just look worse than usual )

[pandy]

Yeah, the problem is in my end. I can get there with a proxy. I see a short horizontal scroll in gecko but not in IE @ 1024x768. Is that what you refer to?

[Darin McGrew]

This seems out of place...

CODE

width:100%

[Alex McP]

This seems out of place...

CODE

width:100%

Darin, to which 100% are you referring? I see one for the "#navbar" and one for ".topmenu ul". I think the overflow is coming from the sidebar (specifically the calendar) because that's what displays when the scrollbar is used, but I can't find out which part of the calendar is making it too big. I've shrunken several margins/paddings/widths to try to corral it in. Web Developer plugin is not showing me, either.

Pandy, yes, it is that little scroll bar (<10px, probably) that I'm referring to.

[Frederiek]

I see this line in the css:

html>body #body-container { overflow: auto; }

which might have something to do with it.

[Darin McGrew]

Darin, to which 100% are you referring?

The one in the HTML.

It's easier to debug these kinds of thing if you give different background colors to everything. (You could use borders too, except borders can affect how margins collapse, and they add their own width so they can affect layout.)