jquery - Having trouble getting multiple dialogs to position in relation to one another -
i'm not sure i'm doing wrong. i'm wanting line 2 dialogs on top of 1 another. "top" on top , "bottom" on bottom. positioning doesn't seem working.
here's html
<body> <div id="top"> <p>this top element.</p> </div> <div id="bottom"> <p>bottom element</p> </div> </body> here's jquery
$(document).ready(function() { $('#top').dialog({ resizable: false, modal: true, width: 500, height: 300 }); $('#bottom').dialog({ resizable: false, modal: true, width: 500, height: 200, position: { of: $('#top'), my: 'top left', at: 'bottom left' } }); }); and css
#top { margin: 10px auto; padding: 5px; border: 1px solid #777; background-color: #fbca93; text-align: center; } #bottom { border: 1px solid #777; text-align: center; }
Comments
Post a Comment