Skip navigation
d4com
Currently Being Moderated

Text running off the bottom of the area.

Aug 8, 2012 12:38 PM

Hi again, i know you guys must be getting sick of me by now bu i have yet another small problem.

 

When i am populating my pages with text and image the content is running down the page and over my footer, is it possible to keep the content within the area of the gray box and have it scrolling?

 

im not sure how well i have explained this so here is an example:

 

http://www.rochdalerostrum.com/programmee.html

 

Thnaks

Danny

 
Replies
  • Currently Being Moderated
    Aug 8, 2012 12:57 PM   in reply to d4com

    Your "content" container CSS calls for a certain height and your content exceeds that attribute

     

    #content {
    width: 748px;
    height: 690px;
    z-index: 1;
    left: 108px;
    top: 213px;
    background-image: url(images/content.png);
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    margin-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    }

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 8, 2012 1:08 PM   in reply to Ken Binney

    #content {
    width: 748px;
    height: 690px;
    z-index: 1;
    left: 108px;
    top: 213px;
    background-image: url(images/content.png);
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    margin-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: scroll;
    }

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 8, 2012 2:19 PM   in reply to WolfShade

    Just so you'll know, the only elements that have a z-index, or position coordinates are positioned elements (not static ones), so your 'z-index' specification is ignored, as are the left and top values.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 8, 2012 2:31 PM   in reply to MurraySummers

    Also, if you use...

     

    overflow:auto;

     

    You won't get scroll bars that you don't need. In this situation, the horizontal scroll bar should disappear for you leaving only the vertical scroll bar.

     

    It's a little cleaner IMHO.

     
    |
    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