[jQuery] jQuery - UI - Dialog (embedding a web page)

[jQuery] jQuery - UI - Dialog (embedding a web page)


Hi all,
Just starting with jQuery...
Q1) What is the most elegant way to embed another web page into a
dialog? Use an IFrame?
Q2) Can't get a width of 600px ...
Q3) With Ie 6.x, my embedded web page appears first on the top-left
and then fades out into the UI-dialog breaking it !?!
Q4) No modal working...
Some code:
**********************
<head>
<link type="text/css" href="http://jqueryui.com/latest/themes/base/
ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://jqueryui.com/latest/
jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/
ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/
ui.draggable.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/
ui.resizable.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/
ui.dialog.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#dialog").dialog();
$('.selector').dialog({ width: 600 });
$('.selector').dialog({ modal: true });
});
</script>
</head>
<body style="font-size:62.5%;">
<div style="height: 600px; min-height: 100px; min-widht: 109px; width:
600px;" id="dialog" title="titre">
<iframe src="http://www.ibm.com/" width="700" height="700"
marginwidth="0" marginheight="0" frameborder="no" scrolling="yes"
style="border-width:2px; border-color:#333; background:#FFF; border-
style:solid;">
</iframe>
</div>
</body>
**********************
Any pointers appreciated!
Dualflex