Тег DOCTYPE в IE 9 - PullRequest
Новая
       12

Тег DOCTYPE в IE 9

0 голосов
/ 10 октября 2011

В моем веб-приложении я использую объект медиаплеера в диалоге jquery.

При использовании кода DOCTYPE я не вижу медиапроигрыватель. На самом деле есть медиаплеер. При щелчке правой кнопкой мыши на этой области, я получаю соответствующее меню.см.).

Если я удалил тег DOCTYPE, то все будет работать так, как я ожидал.Есть идеи по этому поводу?

Это происходит только в IE 9

Код показан ниже: 

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1"><title>
    Test 
    </title>
       <link href="jquery.ui.all.css" rel="stylesheet" type="text/css" />
     <script src="jquery_1_4_4.js" type="text/javascript"></script>
     <script src="jquery-ui-1.8.9.custom.min.js" type="text/javascript"></script>

    <script language="JavaScript" type="text/javascript">
       $(document).ready(function () {



    $("#player").dialog();
 });

</script>
</head>
<body>

<div id="player">
test

    <object id='mPlayerCallTranscription' classid='CLSID:6BF52A52-394A-11d3-B153-

00C04F79FAA6'
                                    type='application/x-oleobject' height="42" width="250">
                                    <param name='AllowHideDisplay' value='True' />
                                    <param name='AllowHideControls' value='True' />
                                    <param name='URL' value="sdsd" />
                                    <param name='AutoStart' value='false' />
                                    <param name='balance' value='0' />
                                    <param name='enabled' value='True' />
                                    <param name='fullScreen' value='False' />
                                    <param name='playCount' value='1' />
                                    <param name='volume' value='100' />
                                    <param name='rate' value='1' />
                                    <param name='StretchToFit' value='True' />
                                    <param name='enabledContextMenu' value='True' />
                                    <param name='MovieWindowSize' value='0' />
                                    <param name='DisplayMode' value='0' />
                                    <param name='ShowControls' value='True' />
                                    <param name='ShowDisplay' value='False' />
                                    <param name='windowlessVideo' value='True' />
                                    <param name='uiMode' value='full' />
                                    <%--   !IE--%>
                                    <object type="video/x-ms-wmv" data="asds" width="251" 

id="mPlayerCallTranscriptionMozilla"
                                        height="42">
                                        <param name="src" value="sds" />
                                        <param name="autostart" value="false" />
                                        <param name="controller" value="true" />
                                        <param name="ShowControls" value="true" />
                                        <param name="BufferingTime" value="2" />
                                        <param name="fullScreen" value="false" />
                                        <param name="ShowStatusBar" value="true" />
                                        <param name="AutoSize" value="false" />
                                        <param name="InvokeURLs" value="false" />
                                    </object>
                                </object>
</div>
</body>
</html>

Если я удалил тип документа,то есть, 

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

, я могу видеть игрока. Но все выравнивание пропало.

Здесь я прилагаю фотографии обоих случаев

1. Пока не используется DOCTYPE

enter image description here

2. При использовании DOCTYPE

enter image description here

РЕДАКТИРОВАТЬ:

ЕслиЯ не использую JQuery Dilog, все работает отлично.

Ответы [ 2 ]

2 голосов
/ 10 октября 2011

Я бы предложил использовать XHTML 1.0 Strict (если вы не хотите использовать HTML5) вместо Transitional. Это вынуждает браузер переходить в режим стандартов вместо режима причуд (что может быть в случае с IE9):

http://www.w3.org/TR/xhtml1/dtds.html#a_dtd_XHTML-1.0-Strict

http://www.quirksmode.org/css/quirksmode.html

0 голосов
/ 11 октября 2011

Наконец я выяснил проблему. Проблема была с jquery.ui.all.css.

В приведенном выше файле css

есть файл sub css с именем jquery.ui.dialog.css, и я изменил следующую строкукода 

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }

до 

.ui-dialog { position: absolute; padding: .2em; width: 300px; }

Теперь все отлично работает

...