The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

border of container wont display on one side??

  • # August 29, 2009 at 6:07 am


    this is my first ever website so go easy on me!

    Its sort of taking shape but I have put a box in that will eventually have flash movies in it and I want a border on the top and both sides. to get it where I wanted it I gave it some padding and margin to move it from behind the sidebar graphic which I floated left. The problem is that it doesnt seem to want to show the border on the left side?? I though it might be that I had not padded it enough but even if I bumped that up it still didnt show?

    I have posted all the code as I have no idea if anything I have done so far is correct??

    Cheers for you help

    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

    dolton and dex

    Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam pede.

    and the css

    #page-wrap #flash_container {
    float: none;
    height: 372px;
    width: 793px;
    background-color: #FFF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    clear: none;
    padding-right: 158px;
    margin-right: 158px;
    # August 29, 2009 at 11:14 am

    figured it out thanks,

    needed to float it left and have no padding, I thought this would hide it behind the sidebar?

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed