Page alignment not matching with header

Not used css frequently and hence need some help. If you click on above link, you will find page alignment not matching with header.

Tried changing existing attributes but did not help.

Please suggest what could be missing here.

With your css, where you declare the sizes of your columns, this part:

/* Left column */
    .leftcolumn {
      float: left;
      width: 25%;
      background-color: rgb(209, 221, 208);
      padding-right: 20px ;
      padding-left: 10px ;

    /* Right column */
    .rightcolumn {
      float: left;
      width: 75%;
      padding-left: 20px;

So the widths of both of those columns add up to 100%, and since you are at 100%, your padding is pushing the text into the other columns and not creating even spacing. So, I would suggest reducing your padding as well as your % width, and if you think you have a little more room, just up your px count for the dimensions.

*It’s been a little while since I’ve done HTML/CSS, so this is my best guess, but I think this happened to me before, so I think I’m on the right track here.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.