Bug IE 6 text indent with modal dialog
Hello everybody !
I'm trying to create a modal dialog with some text inside, defined
with html tag but the problem is that the end of my text is not
visible; the modal window seems to be too small and I didn't manage to
resize it changing the css (theme downloaded from the JQuery UI site).
Have you ever had this issue? Thanks a lot :)
Here is my code (I'm using IE6 + jquery-1.2.6.min + jquery-
ui-1.5.3.custom.min):
<%-- ui-dialog --%>
<div id="dialog" title="Session inactive">
<SPAN id="dialogHour"></SPAN><BR/><BR/>Attention, vous êtes resté
inactif pendant 30 minutes.
Souhaitez-vous relancer la session?
</div>
<script type="text/javascript">
setTimeout("prompt()",2000);
// Dialog
function prompt(){
jQuery.noConflict();
jQuery(document).ready(function($) {
$('#dialog').show();
$('#dialog').dialog({
modal: true,
resizable: false,
draggable: false,
show: 'puff',
bgiframe: true,
overlay: { opacity: 0.5, background: "black" },
buttons: {
"Ok": function() {
$(this).dialog("close");
$('#dialog').hide();
},
"Cancel": function() {
$(this).dialog("close");
$('#dialog').hide();
}
}
});
});
}
</SCRIPT>