3 Replies Latest reply on Feb 16, 2010 8:06 AM by Hobie 17

    Overlaping divs contents

    Hobie 17

      I have been out of web work for  several years and am doing a site for a friend's assos. I am having a  problem with the footer. It overlaps the text under the left nav bar. I  have cleared the floats on the footer but can not figure out what I'm  doing wrong.

       

      Here  is the url for the Mock-up (for approval) i having problem with/

       

      http://dwaugh.com/Dave%20Waugh%20Resume/Untitled-2.html

       

      Any help  you can provide would be great

       

      Thank You

        • 1. Re: Overlaping divs contents
          osgood_ Level 8

          Dont give heights to <divs> when you don't know what height they will be. Get rid of the height from the css selector below and your problem will resolve itself.

           

          #left_bar_container {
              float: left;
              width: 160px;
              margin-bottom: 7px;
              height: 430px;
             
          }

           

          Also you have an error in your css code, a redundant brace } after the 'container' selector (see below). That wont help the cascade of the css.

           

           

          #container {
               height: auto;
               width: 900px;
               margin-right: auto;
               margin-left: auto;
               
               
               font-family: Tahoma, Geneva, sans-serif;
          }

          }
          • 2. Re: Overlaping divs contents
            mahendra rajeshirke Level 2

            hi

             

            change ur dis line <div id="left_bar_container" >

             

            with

            <div id="left_bar_container" style=" height:auto"> line

             

            try

            best

             

            Graphic Web Designer

            INDIA

            • 3. Re: Overlaping divs contents
              Hobie 17 Level 1

              Thanks for the help