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

    Joined:
    Jan 21, 2009
    #1
    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. :(
     
  2. SrWebDeveloper macrumors 68000

    SrWebDeveloper

    Joined:
    Dec 7, 2007
    Location:
    Alexandria, VA, USA
    #2
    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):

    Code:
    <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
     

Share This Page