Home  >  Article  >  Web Front-end  >  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

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
WBOYOriginal
2016-06-24 12:23:251105browse

Browser Google IE9

上代码:
c9ccee2e6ea535a969eb3f532ad9fe89
    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;
    }
531ac245ce3e4fe3d50054a55f265927
2b5469ab79cf842344327415c3b3bb95
    e911751791aa3ba95dc724e2fb905976a814477f903c8e27bd1ff8e5c6bbe7c1
    48f7da4982cc69156cc08dad826ad49a
        62f5989185ce0cf052c2a865ae831d38
            a34de1251f0d9fe1e645927f19a896e8
                d10066d6b744efa8afa1c9b4b409f92b谢谢朋友能送我到这里!今晚又得露宿街头啦,睡马路 希望不要下雨哦……)91c6107534735594166ce5a7d6d95299
                    (谢谢朋友能送我到这里!今晚又得露宿街头啦,睡马路 希望不要下雨哦……))
                4b61c98a46d5fc373e65dd7bd1a41e74
                    4cb86e099b31fb0b963d7c4fe9b72a03
                b90dd5946f0946207856a8a37f441edf
            fd273fcf5bcad3dfdad3c41bd81ad3e5
            a34de1251f0d9fe1e645927f19a896e8
                b6c5a531a458a2e790c1fd6421739d1c
                    7ba62a3a155877f6a85a51d65a774bd2
                        9f80feb2a6d87efe0d3af9547f3bc29b
                            678231a13ca4fdc05f1b802bb3b831670001c3ce868d2b3d9bce8da5c1b7e41e5b
                            2486f010eda5a779fbfbf2ad448c1c77111111101c3ce868d2b3d9bce8da5c1b7e41e5b
                            e33507f1a3c7bc1978dd551ebb1966be222201c3ce868d2b3d9bce8da5c1b7e41e5b
                            87687c984b0e39189b0fc40e366bd70d33333333333301c3ce868d2b3d9bce8da5c1b7e41e5b
                            2ff739110d0e2988a626a954cf6295c7444401c3ce868d2b3d9bce8da5c1b7e41e5b
                            b4d429308760b6c2d20d6300079ed38e01c3ce868d2b3d9bce8da5c1b7e41e5b
                        fd273fcf5bcad3dfdad3c41bd81ad3e5
                    f16b1740fad44fb09bfe928bcc527e08
                b90dd5946f0946207856a8a37f441edf
            fd273fcf5bcad3dfdad3c41bd81ad3e5
        f16b1740fad44fb09bfe928bcc527e08
    16b28748ea4df4d9c2150843fecfba68

  fbb25e5517484b2ca7d64a3aa7592716
  bcfd8dc010a45f01a1dbec8ac22715d8
                                               : #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...)df250b2156c434f3390392d09b1c9563
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)" />798d8357351f288da342287868d7a5ac
                                                     colspan="2">
                                                 '>
                   72e897df87aa184a8b36fa43cf7caed5111101c3ce868d2b3d9bce8da5c1b7e41e5b
                                                   width="100">333301c3ce868d2b3d9bce8da5c1b7e41e5b
="width: 100px; white-space: normal; word-break: break-all;">4444444444401c3ce868d2b3d9bce8da5c1b7e41e5b
🎜>                                                                                        ;th width="115">6601c3ce868d2b3d9bce8da5c1b7e41e5b
                                                                                   71fc58f7e48f3af6de3e82606c159372 888801c3ce868d2b3d9bce8da5c1b7e41e5b
                            b4d429308760b6c2d20d6300079ed38e01c3ce868d2b3d9bce8da5c1b7e41e5b
                        fd273fcf5bcad3dfdad3c41bd81ad3e5
                    f16b1740fad44fb09bfe928bcc527e08
                b90dd5946f0946207856a8a37f441edf
            fd273fcf5bcad3dfdad3c41bd81ad3e5
        f16b1740fad44fb09bfe928bcc527e08
    16b28748ea4df4d9c2150843fecfba68

    73d73f239f4c255c82baefee7eaa88c8
        36aa2f7d2aea31f756ac2f7c978bf083
            a34de1251f0d9fe1e645927f19a896e8
                06a97405e518d4623f83d08c0f67a953谢谢朋友能送我到这里!今晚又得露宿街头啦,睡马路 希望不要下雨哦……)ff9d32c555bb1d9133a29eb4371c1213
                    谢谢朋友能送我到这里!今晚又得露宿街头啦,睡马路 希望不要下雨哦……)
                                        a2a10d967fd0839d25c1d13aa507e2fe16924c51b317d25650ff05ef23df97a9b90dd5946f0946207856a8a37f441edf
            fd273fcf5bcad3dfdad3c41bd81ad3e5
            a34de1251f0d9fe1e645927f19a896e8
                2dfc9740369e821184bc2c5ad57c1066
                    7854ca3cf0128d9ef339aa1ab6b46053
                        19bab9b1dad93e689e2369cc314574a6
                            34e069894ad722220888801f2921b9ef0001c3ce868d2b3d9bce8da5c1b7e41e5b
                            963f412abdb10117a1438cdc67c3cc3b11111101c3ce868d2b3d9bce8da5c1b7e41e5b
                            14a6f456f7e1056c6d22522e6bed54bc222201c3ce868d2b3d9bce8da5c1b7e41e5b
                            072bd2ceddfe0227d595a483cfe0b75533333333333301c3ce868d2b3d9bce8da5c1b7e41e5b
                            6c75b186a973aac27f833fa4fb257bb4444401c3ce868d2b3d9bce8da5c1b7e41e5b
                            b4d429308760b6c2d20d6300079ed38e01c3ce868d2b3d9bce8da5c1b7e41e5b
                        fd273fcf5bcad3dfdad3c41bd81ad3e5
                    f16b1740fad44fb09bfe928bcc527e08
                b90dd5946f0946207856a8a37f441edf
            fd273fcf5bcad3dfdad3c41bd81ad3e5
        f16b1740fad44fb09bfe928bcc527e08
    16b28748ea4df4d9c2150843fecfba68
a3ae74428855f48d0438405a4619fe75
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>

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

Statement:
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