Skip navigation
Currently Being Moderated

Deleting one line of text screws up everything

Aug 5, 2012 10:35 AM

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.

 
Replies
  • Currently Being Moderated
    Aug 5, 2012 10:47 AM   in reply to Acemon99

    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;

    }

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points