Blogger blog right of page sticking out. Need fix.

[mrdogcat]

Can anyone see a way to get rid of the right-hand part of the page that's seems to stick out?

http://mrdogcat.blogspot.com/

I've tried everything but to no avail.

 

[SrWebDeveloper]

Can anyone see a way to get rid of the right-hand part of the page that's seems to stick out?...

I'll let markdevas resolve the issue, but I took a quick look at your code and CSS and noticed as an aside that you did the cardinal sin - mixing tabular layout with div/CSS layout. This is worth mentioning.

Example (HTML from the actual sidebar in question):

<td bgcolor='#FFFFFF' height='142' valign='top' width='200'>
<!-- (Lateral) -->
<div id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar'><div class='widget BlogArchive' id='BlogArchive1'>
<h2>Blog Archive</h2>

You've got ID's and classes assigned to the same div which isn't a best practice (note: class "sidebar section" with the space there is invalid anyway) and div's are nested numerous levels deep when its likely not necessary based on this simple layout. In my .02 I hate to say this, but this code needs a re-write - pick either tabular or div/css, learn how to use float, relative vs. absolute positioning and set the dimensions (width/height) in the stylesheet(s).

markdevas - please continue with resolution, pardon my interruption which was merely to point out a general observation.

-jim