2 Replies Latest reply: Aug 5, 2012 10:51 AM by Acemon99 RSS

    Deleting one line of text screws up everything

    Acemon99 Community Member

      I have a "preliminary" index page. It's been temporarily renamed and uploaded into one of my existing sites. It can be found here: www.cbcaferacer.com/skin.html

       

      The code validates correctly but at the bottom is <p>Why does this text matter?</p> and if I remove it, the rest of the page formatting turns screwy. I've tried quite a few options and changes but they either make no difference or make it worse.

       

      Thanks.

        • 1. Re: Deleting one line of text screws up everything
          osgood_ CommunityMVP

          Add overflow: hidden; to your 'content' css (as below) then remove the <p> tag

           

           

          .content {

          padding: 10px 0;

              overflow: hidden;

          }

           

           

          What is happening is you have floated elements in your 'content' <div> so you need to use a clearing method to position the 'footer' where its supposed to go.

           

          As an alternative you could have also added clear: both; to the 'footer' css:

           

          .footer {

              margin-top: 5px;

              background: #CCC49F;

              padding-top: 1px;

              padding-right: 0;

              padding-bottom: 2px;

              padding-left: 0;

              height: 30px;

              font-size: 10px;

              clear: both;

          }

          • 2. Re: Deleting one line of text screws up everything
            Acemon99 Community Member

            Thank you so very much.

             

            I had a similar problem about a year ago and was given the same solution but it obviously fell out of my brain at some point.

             

            -Ace-