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