0 Replies Latest reply on May 20, 2010 5:08 PM by Charles Bannister

    CSS - Side Navigation Off To The Right - :S - HELP

    Charles Bannister Level 2

      CSS.jpg

      OK, I think you can see where the issue is. I want the white BG and text shown on the green bit.

      Code below.

       

      Bear in mind #mainSectionCopy isn't a copy of main section, I mean copy asin text. (copywrite)...

       

      Tried floating, clearing..NOTHIN! Still does it. No margins there or anything, I don't get it.

      HTML:

      <div id="mainSection">

         <div id="sideNav">

         <ul>

         <li>

        <a href="products - Balers.html">Balers </a>

         </li>

         <li>

        <a href="products - Compactors.html">Compactors</a>

          </li>

         <li>

         <a href="products - DrumCrushers.html">Drum Crushers</a>

          </li>

         <li>

        <a href="products - Consumables.html"> Consumables</a>

          </li>

         <li>

         <a href="products - SpecialistEquipment.html">Specialist Equipment</a>

          </li>

         <li>

         <a href="products - Miscellaneous.html">Miscellaneous</a>

          </li>

         <li>

        <a href="products - Rentals.html"> Rentals</a>

          </li>

       

         </ul>

         </div>

         <div id="mainSectionCopy">

         <p>Browse our wide range products using the links on the left. </p>

       

         <p>This website is currently under contruction, for more details on any of our products or services please call<br /> <strong>01254 676768</strong>.</p>

         </div>

       

       

      CSS:

      }

      #sideNav {

      width:250px;

      height:300px;

      background-color:#092F0A;

      float:left;

       

      }

      #sideNav ul{

      font-family:Verdana, Geneva, sans-serif;

       

      font-size:18px;

      list-style:none;

       

      margin:0 0 0 0;

      width:250px;

      float:left;

      clear:both;

       

      }

      #sideNav li{

      background-color:#FFF;

      margin-top:2px;

      margin-bottom:2px;

      width:250px;

      border-left:thick;

      border-left-color:#030;

      padding-left:10px;

       

       

       

      }

      #sideNav a{

      font-family:Verdana, Geneva, sans-serif;

      color:#094305;

      font-size:18px;

      list-style:none;

       

      margin:0 0 0 0;

      }

      #sideNav li:hover{

       

      background-color:#094305;

      color:fff;

       

      }

      #mainSection{

      width:960px;

       

      height:auto;

       

      background-color:fff;

      }

      #mainSectionCopy{

      width:690px;

      height:auto;

      background-color:fff;

      float:right;

       

      }