Treehouse: Grow your CSS skills. Land your dream job.

Page Layout to float?

  • # March 20, 2010 at 9:53 am

    Can someone help me I would like to make my page body look like it’s floating like

    # March 20, 2010 at 10:20 am

    If you mean the shadows down each side of the main text, that is a background image which you can put on the background of the container/wrapper and repeat-y.

    # March 20, 2010 at 10:57 am

    Yes, that was exactly what I was asking about. Thank you for your help.

    # March 21, 2010 at 8:04 am

    Just as Virtual said, they use images to get the shadows, if you want to do it without images. The easiest way is by using the CSS3 box shadows.

    .box_shadow {
    -moz-box-shadow: 0px 0px 15px #000; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 15px #000; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 15px #000; /* Opera 10.5, IE 9.0 */
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color=’#000000′); /* IE6,IE7 */
    -ms-filter: “progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color=’#000000′)”; /* IE8 */

    ^ this code would add something similar to the site you linked.

    An awesome site for changing those settings automatically cross browser is

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.