0 Replies Latest reply on Nov 4, 2008 5:49 AM by kelly_cavionplus

    Need help nesting DIVS within floating DIVS

    kelly_cavionplus
      Here is the page i am working on building:

      http://www.kellyrambow.com/WEB%2011%202008/css%20example/homepage%20layout%20experiment.ht ml

      Here is the CSS i'm using to build the page:



      * { padding: 0; margin: 0; }

      body {
      background-color: #765856;
      background-image: url(../images/pageBg.gif);
      background-repeat: repeat-x;
      text-align: center;
      }
      #wrapper {
      margin: 0 auto;
      width: 976px;
      }
      #leftcolumn {
      margin: 0px 0px 0px 0px;
      height: 500px;
      width: 13px;
      float: left;
      }


      /*LEFT MIDDLE COLUMN*/
      #leftmiddle {
      margin: 0px 0px 0px 0px;
      height: 500px;
      width: 471px;
      float: left;
      /* display: inline;*/
      }

      /*SUB LEFT COLUMN AREA*/
      #wrapper_leftmiddle {
      margin: 0 auto;
      width: 471px;
      }

      #leftcolumn_leftmiddle {
      color: #333;
      background: #E7DBD5;
      margin: 0px 0px 0px 0px;
      height: 350px;
      width: 156px;
      float: left;
      }
      #content_leftmiddle {
      float: left;
      color: #333;
      background: #F2F2E6;
      margin: 0px 0px 0px 0px;
      height: 350px;
      width: 158px;
      display: inline;
      }
      #rightcolumn_leftmiddle {
      color: #333;
      background: #E7DBD5;
      margin: 0px 0px 0px 0px;
      height: 350px;
      width: 157px;
      float: left;
      }
      #footer_leftmiddle {
      width: 471px;
      clear: both;
      color: #333;
      background: #BD9C8C;
      margin: 0px 0px 0px 0px;
      }



      >

      so my problem is that when i added the "/*SUB LEFT COLUMN AREA*/" - and the divs defined there
      to the inside of the
      /*LEFT MIDDLE COLUMN*/

      when i added those divs to the div class="leftmiddle"
      the div id="rightcolumn" dropped, and now there is a space between the
      div class="leftmiddle" and the div id="rightmiddle"

      I have alot of HTML experience and some CSS experience, but am trying to build my site using only CSS, ASP and Ajax.

      Any help on this would be greatly appreciated!

      web designer
      kellyrambow.com