SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Zealot
    Join Date
    Feb 2001
    Location
    Kansas City, MO
    Posts
    145
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need a little help with CSS.

    The link is collegefootballrankings.us.

    For some reason the background for "USA Today Coaches' Poll" is stretching all the way to the top. Any idea why the background works fine for the "AP Top 25" poll but not the other?

    Any help is appreciated.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,317
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    It's not really clear what you are referring to. Could you be a bit more specific, and maybe show the code that you think is relevant? What is the "background for USA Today Coaches' Poll"?

  3. #3
    SitePoint Zealot
    Join Date
    Feb 2001
    Location
    Kansas City, MO
    Posts
    145
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello,

    If take a look at collegefootballrankings.us and scroll down you will see the background behind the text "USA Today Coaches' Poll" is stretched to the top. It looks fine for the "AP Top 25" background.

    Here is the CSS:

    .poll {
    width: 300px;
    background: #ffcd7f;
    padding: 5px 10px 5px 10px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 18pt;
    text-align: center;
    margin: 15px 0 15px 93px;
    }

  4. #4
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    2,161
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Shouldn't this
    Code CSS:
    background:none repeat scroll 0 0 #FFCD7F;
    need to be
    Code CSS:
    background:none no-repeat scroll 0 0 #FFCD7F;

  5. #5
    Ripe Tomatos silver trophybronze trophy Rayzur's Avatar
    Join Date
    Jun 2007
    Location
    Texas
    Posts
    4,174
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Hi,
    You have a float (#others) above that .poll div.

    Add clear:both to .poll so the background does not slide up under the float.

    If you need space between them then put a bottom margin on the float (#others)

  6. #6
    SitePoint Zealot
    Join Date
    Feb 2001
    Location
    Kansas City, MO
    Posts
    145
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Rayzur,

    Thank you so much. I really appreciate your help.

    Andy


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •