Blogger blog right of page sticking out. Need fix.

Discussion in 'Web Design and Development' started by mrdogcat, Jan 28, 2009.

  1. mrdogcat macrumors newbie

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

    I've tried everything but to no avail. :(
  2. SrWebDeveloper macrumors 68000


    Dec 7, 2007
    Alexandria, VA, USA
    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.


Share This Page