HTML IFrame не заполняет ячейку таблицы в проводнике, но находится в Chrome

0

Мой IFrame не заполняет ячейку в Explorer, а делает это в Chrome. Что дает? Чтобы исправить в Проводнике, я должен иметь жесткий код px по высоте и ширине. Есть идеи, почему это происходит?

    <style type="text/css">
        .styleTbl
        {
            margin-bottom:10%;
            margin-left:10%;        
            width:80%;

        }

    .styleBg
    {
        background: #00aced;

    }
    .style_logo
    {
        width:80%;
        margin-left:10%;
    }
    .styleObj img
    {
        width: 100%;
    }
    iframe 
    { 
        background-color:#ffffff;
        border-color:#eee9e9 ;
        border-width:4px;
        height: 99%;
        width:99%;
        margin:1px;
    }


  </style>
</head> 
<body class="styleBg" onLoad="GetNewsSource()"> 
    <table class="style_logo">
        <tr>
            <td>
                <img alt="logo_banner Missing" class="style_logo" longdesc="Banner" src="logo_banner1.png" align="left"/>    
            </td>
            <td>
                <img alt="spinning_wheel" longdesc="Gif" src="Live.gif"style="height: 110px; width: 180px; " align="middle"/>
            </td>
        </tr>
    </table>
    <br />
    <table class="styleTbl">
        <tr>
            <td height="100%" width="50%" rowspan="2">
                <iFrame src="index.html"scrolling="no"></iFrame></td>
            <td class="styleObj">
                <img alt="png1" class="styleObj" longdesc="png1" src="png1.png"/></td>
        </tr>
        <tr class="styleRow">
            <td class="styleObj">
                <img alt="png2"  class="styleObj" longdesc="png2" src="png2.png"/></td>
        </tr>
        <tr>
            <td>
                <img alt="png3"  width=100% longdesc="png3" src="sentiment.png"/></td>
            <td class="styleObj">
                <img alt="png3"  class="styleObj" longdesc="png3" src="png3.png"/></td>
        </tr>
    </table> 

</body> 
</html>
  • 0
    Можете ли вы сделать скрипку своего кода, пожалуйста.
  • 0
    Я могу - как я могу отправить тебе это?
Теги:
html-table
iframe
internet-explorer

1 ответ

0

Проблема заключается в использовании как процентов, так и измерений пикселей для вашего iframe. Скажем, у вас есть ширина контейнера 1000 пикселей. 99% от этого составляет 990 пикселей, однако при применении 1px-поля для этого получается общая внутренняя ширина 992px, оставляя 8px для пробелов.

Если вы хотите ввести код, чтобы не было пробелов, вы также должны использовать процент для поля; 0,5% вернут 4px для обеих сторон в этом примере, оставив 0px пробела.

Я предлагаю изменить код стиля IFrame:

iframe 
{ 
    background-color:#ffffff;
    border-color:#eee9e9 ;
    border-width:4px;
    height: 99%;
    width:99%;
    margin:0.5%;
}
Поделиться
  • 0
    Что вы предлагаете для стиля IFrame?
  • 0
    Я попробовал следующий, но тот же результат, хром по-прежнему показывает правильно. iframe {background-color: #ffffff; цвет границы: # eee9e9; границы-ширина: 0,5%; высота: 99%; ширина: 99%; Запас: 1%; }
Показать ещё 7 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню