1 Reply Latest reply on Apr 23, 2010 10:33 AM by pziecina

    Page display position alignment?

    poorlostsoul

      I'm not sure why to of the pages for my website are aligning in the center where all the others are aligning on the left. I'm not sure what is telling them to align in the center? I tried to force it back to the left in the body tag by doing text-align: left but it has no affect.

       

      Does anyone have any ideas what is causing the page to center?

       

      This is what my stylesheet looks like for the page:

       

      <style type="text/css">
      <!--
      body  {
      margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
      padding: 0;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      background-color: #FFF;
      text-align: left;
      }
      .twoColElsLtHdr #container {
      width: 791px;
      margin: auto; /* the auto margins (in conjunction with a width) center the page */
      border: 1px solid #000000;
      text-align: left;
      background-image: url(assets/wood_background.jpg);
      }
      .twoColElsLtHdr #header h1 {
      margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
      padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
      }

      .twoColElsLtHdr #sidebar1 {
      margin-top: 5px;
      float: left;
      width: 180px; /* since this element is floated, a width must be given */
      background: #EBEBEB; /* top and bottom padding create visual space within this div */
      padding-top: 0px;
      text-align:center;
      border-right-width: thin;
      border-right-style: solid;
      border-right-color: #006;
      border-top-width: thin;
      border-top-style:solid;
      border-right-color: #006;
      }

      .twoColElsLtHdr #container #mainContentBicyclePage #bicycleContent #bicylePagePhotos{
      text-align: center;
      clear: none;
      }
      .twoColElsLtHdr #container #mainContentBicyclePage #bicyleContent #bikeText {
      line-height: 15px;
      left: 20px;
      width: 585px;
      padding: 0px;
      clear: none;
      float: none;
      position: relative;
      margin: auto;
      top: auto;
      }

      .twoColElsLthdr #container #footer {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-style: normal;
      color: #FFF;
      clear: left;
      text-align: center;
      vertical-align: baseline;
      word-spacing: normal;
      line-height: 13px;
      text-indent: 0;
      background-image: url(assets/footer_background.gif);
      font-weight: bold;
      float: none;
      clear: left;
      position: relative;
      height: 95px;
      }

      .twoColElsLtHdr #container #belowTextPhotos #bluebikelarge {
      float: left;
      clear: none;
      position: relative;
      }
      .twoColElsLtHdr #container #belowTextPhotos #sportytrek {
      clear: left;
      float: right;
      }