Please! Help me check the compatibility issue of html. It's very challenging. I spent an afternoon and couldn't figure it out_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 12:23:25

Original

1104 people have browsed it

Browser Google IE9

上代码：

谢谢朋友能送我到这里！今晚又得露宿街头啦，睡马路希望不要下雨哦……)
(谢谢朋友能送我到这里！今晚又得露宿街头啦，睡马路希望不要下雨哦……))

                            00
                            1111111
                            2222

333333333333
                            4444

: #eee; color: #575757;">Thank you friend for sending me here! I have to sleep on the street again tonight, sleeping on the road. I hope it doesn’t rain...)

Thank you friend for sending me here! I have to sleep on the street again tonight, sleeping on the road. I hope it doesn’t rain...)
                                                                                                                    " onclick="ReadFromCstmManager(2)" />
                                                     colspan="2">
                                                 '>

                                                   width="100">3333
="width: 100px; white-space: normal; word-break: break-all;">44444444444
🎜>                                                                                        ;th width="115">66

1111	8888

谢谢朋友能送我到这里！今晚又得露宿街头啦，睡马路希望不要下雨哦……)

谢谢朋友能送我到这里！今晚又得露宿街头啦，睡马路希望不要下雨哦……)

00	111111	2222	333333333333	4444

I want it to behave the same in Google and IE9 browsers, only the scroll bar appears in Table 2

Reply to the discussion (solution)

God, please help me.

I can’t see the effect.
You can fix the HTML dynamically added by JS first.

Hello, brother, I The js is just some operations of adding a line and deleting a line. There is no dynamic change of width or anything like that. Can you give me some advice?

It will be no problem if you remove the fieldset container and change it to div simulation

<style>    th {        text-align: center;        padding: 6px 5px;        font-weight: bolder;        color: #07665e;        background-color: #e7f2f1;    }    #PMANList1 th {        white-space: normal;    }    #PMANList2 th {        white-space: normal;    }    #PMANList3 th {        white-space: normal;    }</style><div style="border:solid 1px #666666;padding:5px;position:relative">    <legend style="position:absolute;background:#ffffff;left:10px;top:-10px">aaa</legend>    <div id="keyinlayer1" style="min-height: 200px; clear: both;">        <table class="Edit" style="width: 100%;">            <tr>                <td class="AreaHeader" valign="middle" style="background-color: #eee; color: #575757;">谢谢朋友能送我到这里！今晚又得露宿街头啦，睡马路 希望不要下雨哦……)<br />                    (谢谢朋友能送我到这里！今晚又得露宿街头啦，睡马路 希望不要下雨哦……))                <input type="button" value="客管?入" style="float: right; margin-top: 5px" onclick="ReadFromCstmManager(1)" />                    <input type="button" value="新增受益人" style="float: right; margin-top: 5px" onclick="    addPMAN(1, 1)" />                </td>            </tr>            <tr>                <td>                    <table id='PMANList1' width="100%">                        <tr class="header">                            <th style="width: 80px;">00</th>                            <th style="width: 90px;">1111111</th>                            <th style="width: 100px;">2222</th>                            <th style="width: 100px; white-space: normal; word-break: break-all;">333333333333</th>                            <th style="width: 180px;">4444</th>                            <th></th>                        </tr>                    </table>                </td>            </tr>        </table>    </div>    <div id="keyinlayer2" style="min-height: 200px; clear: both; width: 100%; overflow: auto;">        <table class="Edit" id="table2" style="width: 1800px;">            <tr>                <td colspan="6" class="AreaHeader" valign="middle" style="background-color: #eee; color: #575757;">谢谢朋友能送我到这里！今晚又得露宿街头啦，睡马路 希望不要下雨哦……)<br />                    谢谢朋友能送我到这里！今晚又得露宿街头啦，睡马路 希望不要下雨哦……)              <input type="button" value="客管?入" style="float: right; margin-top: 5px;" onclick="ReadFromCstmManager(2)" /><input type="button" value="新增受益人" style="float: right; margin-top: 5px" onclick="    addPMAN(2, 1)" />                </td>            </tr>            <tr>                <td colspan="2">                    <table id='PMANList2'>                        <tr class="header">                            <th width="80">00</th>                            <th width="80" class="USD">1111</th>                            <th width="90">222222</th>                            <th width="100">3333</th>                            <th style="width: 100px; white-space: normal; word-break: break-all;">44444444444</th>                            <th width="115">55555</th>                            <th width="115">66</th>                            <th width="115" class="USD">777777</th>                            <th width="180">8888</th>                            <th></th>                        </tr>                    </table>                </td>            </tr>        </table>    </div>    <div id="keyinlayer3" style="min-height: 200px; clear: both;">        <table class="Edit" style="width: 100%">            <tr>                <td colspan="6" class="AreaHeader" valign="middle" style="background-color: #eee; color: #575757;">谢谢朋友能送我到这里！今晚又得露宿街头啦，睡马路 希望不要下雨哦……)<br />                    谢谢朋友能送我到这里！今晚又得露宿街头啦，睡马路 希望不要下雨哦……)                                        <input type="button" value="客管?入" style="float: right; margin-top: 5px" onclick="ReadFromCstmManager(3)" /><input type="button" value="新增受益人" style="float: right; margin-top: 5px" onclick="    addPMAN(3, 1)" /></td>            </tr>            <tr>                <td colspan="2">                    <table id='PMANList3' width="100%">                        <tr class="header">                            <th width="80">00</th>                            <th width="90">111111</th>                            <th width="100">2222</th>                            <th style="width: 100px; white-space: normal; word-break: break-all;">333333333333</th>                            <th width="180">4444</th>                            <th></th>                        </tr>                    </table>                </td>            </tr>        </table>    </div></div>

Copy after login

It will be no problem if you remove the fieldset container and change it to div simulation
Done,?? You are the one

Related labels：

求求你们了！帮我看看html的兼容性问题，很有挑战性的，我搞了一个下午没弄出来

source：php.cn

Previous article：Who has the source code of this website_html/css_WEB-ITnose Next article：About jquery css_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn