Maison > interface Web > tutoriel HTML > 求求你们了!帮我看看html的兼容性问题,很有挑战性的,我搞了一个下午没弄出来_html/css_WEB-ITnose

求求你们了!帮我看看html的兼容性问题,很有挑战性的,我搞了一个下午没弄出来_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:23:25
original
1135 Les gens l'ont consulté

浏览器 Google IE9

上代码:


    
    

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

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

                    
                        
                            
                            
                            
                            
                            
                            
                        
                    
00 1111111 2222 333333333333 4444

                

    


    

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

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

                    
                        
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                        
                    
00 1111 222222 3333 44444444444 55555 66 777777 8888

                

    


    

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

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

                    
                        
                            
                            
                            
                            
                            
                            
                        
                    
00 111111 2222 333333333333 4444

                

    


我想在谷歌和ie9浏览器中表现的一样,只有表格2出现滚动条

回复讨论(解决方案)

大神帮帮忙   帮我看看吗

看不出效果,
你把JS动态添加的HTML,先固定加进来 

大哥你好,我的js就是一些添加一行删除一行的一些操作啊 , 没有动态的改变width什么的,你指点指点我把,怎么弄

去掉fieldset容器就没问题了,改为div模拟

<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>
Copier après la connexion

去掉fieldset容器就没问题了,改为div模拟
搞定,??你了

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal