Internet Explorer-&gt; <div>&amp;宽度</DIV>

时间:2011-11-01 01:51:08

标签: css internet-explorer html

我有一个页面在FireFox / Chrome / Opera / Safari中显示得很好,但在Internet Explorer中显示不正确。快速搜索揭示了IE中DIV的许多问题,但没有一个项目似乎解决了这个问题。

问题是DIV似乎在Internet Explorer中扩展到浏览器的整个宽度;此行为不会在任何其他行为中复制。

代码在这里:http://pastebin.com/c46uB7GP

CSS在这里:http://pastebin.com/TXWWM2Qu

IE渲染图像在这里:http://imgur.com/Pciv5

Chrome渲染图片位于:http://imgur.com/8kwd4

欢迎任何帮助解决这种差异。

谢谢, [R

1 个答案:

答案 0 :(得分:1)

您当前的代码中没有布局宽度/高度规范。

将内容放在一个以像素为单位指定宽度的封闭div中。

使用类(或ID,如果只有其中一个)来识别div也是更好的做法,并在CSS文件中定义实际的CSS而不是HTML。这样您就可以将表示与标记分开,这样您就可以将相同的HTML发送到移动设备,但是使用该设备的不同CSS文件。