Twenty Ten CSS Issue

check the padding on #main.

Checked the padding and there is no padding on either the left or the right that I can see. Just the top padding at 40px.

If you mean that you want the left side/edge of the content to be in line with the left side/edge of the menu – you’ll want to make your #wrapper width the same as your #access (menu) width.

Tried that and no results.

OY!!!… no wonder it’s not working.

You’ve got css attributes fighting against each other something awful.

Your right column is full width of the page… that’s ONE REASON setting the page width is not working… column width is in control.

You have open ul tags… open div tags…

Everything in the right sidebar is out of control… not being contrained to the sidebar area… it’s bleeding over the entire content area, outside of and below the footer area…

As you said… “you changed a bunch of things” alright ??

Ok… start over… every css file you made changes to, upload the ORIGINAL css file to overwrite your changes, including and especially the realty widget css files… get everything back to correct settings and then… SLOW DOWN… TAKE A DEEP BREATH and carefully work your page ONE AREA AT A TIME.

First step, set your page width to match your menu width… and why are you using an image map for menu???? You can easily style the Twenty Ten menu to look exactly like your image map (it is the #access setting in the css file).

Anyway, if you want, upload the original css and let me know when you’ve done that and we’ll fix it one area at a time ??

Leopard-Lady,

Thank you. Your help is much appreciated. The CSS files have been over-ridden and are now back to the originals. I’m still scratching my head, lol.

No problem – we’ve all been where you’re at right now…

Did you also re-upload/overwrite ALL of the css files for the realty widget?? — I ask because the elements in that right side widget are still busting completely out of the sidebar boundaries – full width of page and below the footer.

Let me know

None of those CSS files have ever been touched, so they should be good as new.

oy… it is those very css files that are causing the major problems in your page layouts.

Ok – pull that widget out for a moment, please – drag it down to the “inactive widgets” area, that way your settings will not be lost.

Put the pages widget in its place.

Lets be sure the problem is in fact with the realty widget css settings.

Ok, all set.

Ok, this is clearly an issue with the WP-Property plugin. While I was waiting, I opened their demo page ( https://sites.twincitiestech.com/wp-property/property/crossing-town-center/ ) in my editor and it too is out of control… some elements laying on top of the left content area and theirs even busts completely out the right side of the main container.

But I can see that overall this is a very thorough and useful application for managing property information – we’ll just have to work around these issues for the moment – and I’d suggest you contact them and ask kindly if they will repair the css/layout issues with this plugin. — I use a few of their other plugins and they are excellent for their intending purpose. — Perhaps they’ll be open to your request and address this issue.

First lets fix the page – then you’ll put the realty widget back in place when we’re done.

Just under
/* =Structure

change

#wrapper {
	margin: 0 auto;
	width: 940px;
}

to

#wrapper {
	margin: 0 auto;
	width: 822px;
}

This is the width of your header/menu bar.

Then we’ll need to adjust the content and sidebar settings to fit this new size.

Ok, done.

oops, my bad… style sheet for Twenty Ten… sorry

Got it. Looks better already, lol.

That fixed it – the left side alignment is what you wanted, yes?

I love Twenty Ten – it automatically fixed content and sidebar to fit.