Grow your CSS skills. Land your dream job.

Page Wrap/Sidebar Issue

  • # September 11, 2011 at 2:34 am

    Hello All,
    I have been having trouble putting dynamic content into my page wrap, as it will overlap past the footer. For instance, I tried to insert a Twitter feed into the sidebar, and if the main content area was shorter than the sidebar content, it made the sidebar content clip past the footer and didn’t look visually pleasing:

    http://www.theciphergroup.net

    I also have been having problems implementing a gradient background that features an image only at the top (top-down gradient), and then tapers into the hue of the background-color code. You would think that the background-color would show up in the background, but instead it’s white.

    Any suggestions would be greatly appreciated.
    I want to try to finish this by the end of the day.

    Thank you,
    Adam

    Bob
    # September 11, 2011 at 4:55 am

    Let’s say you have background_gradient.jpg as the gradient background you want, and it goes from red to green (#00FF00). You can use the following code to first show the image, and then have it look like it fades into the green color of the background:


    body {
    background: url('background_gradient.jpg') repeat-x #00FF00;
    }
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".