Skip to:
Content
Pages
Categories
Search
Top
Bottom

DIV placement problems

  • Hi,

    I have a problem placing a div. I want 2 divs placed in 1 div. I only get 1 div in the div, but the other 1 is giving me problems.

    This is the code I have:

    body
    {
    background: #fff;
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    }

    .draggable {
    position: absolute;
    border: 1px solid #0090DF;
    background-color: #68BFEF;
    text-align: center;
    }

    #drag1 (= the green one)
    {
    position: absolute;
    border: 1px solid #fff;
    background-color: #9c0;
    padding: 2px;
    margin-left: auto;
    margin-right: auto;
    }

    #drag7
    {
    top: 10px;
    left: 250px;
    }
    #drag7 div (= the red one)
    {
    cursor: move;
    background-color: #900;
    height: 50px;
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    }

    </style>
    </head>
    <body>
    <div id="drag1" class="draggable">Drag by handle</div>
    <div id="drag7" class="draggable"><div></div>Drag by handle</div>

    etc

    And this picture will explain excatly what I need (the green div under the red one):

    http://www.sourceskins.com/voorbeeld.jpg

    Thanks for the help

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

You must be logged in to reply to this topic.