English 中文(简体)
IE 横向发展
原标题:IE horizontal scroll problem

单间囚室滚动时,囚室的案文与上页相同。 囚室的文本应与囚室一起进行,即使该囚室的面积相对较小。

The problem can only be seen in IE (IE7 at least). The sample behaves correctly in Chrome and Firefox.

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
        <title>IE Bug Demo</title> 
    </head>
    <body>
        <div style= width: 500px; height: 100px; overflow:auto >
        <table style= width: 1000px; background-color: #ff00ff; >
            <tr>
                <td style= border: 3px solid black ><div style= position:relative; >One</div></td>
                <td><div style= position:relative; >Two</div></td>
            </tr>
        </table>
        </div>
    </body>
    </html>

任何想法?

最佳回答

这应当做到:

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
        <title>IE Bug Demo</title> 
    </head>
    <body>
        <div style="width:500px;height:100px;overflow:auto;position:relative;">
        <table style="width: 1000px; background-color: #ff00ff;">
            <tr>
                <td style="border:3px solid black;"><div style="position:relative;">One</div></td>
                <td><div style="position:relative;">Two</div></td>
            </tr>
        </table>
        </div>
    </body>
    </html>
问题回答

取消立场:相对性。 并且牢记——无需在html中避免作风格的定义。 使他们留在笼子里

图四 我将不惜一切代价避免这一标志模式。 厄立特里亚和其它国家处理冲突的方式有“>><>>>差异”,这只是一个巨大的头痛。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签