专注于WEB前端开发, 追求更好的用户体验, 更好的开发体验 [长沙前端QQ群:234746733]

fieldset 在ie 和 firefox 下的不同

最近用php做了一个留言板,用户发布留言的form就用到了fieldset,不过发现了一个问题,就是IE下面fieldset的margin-top和margin-bottom无效,当然margin横向是正常的。

比如css里:fieldset{margin:100px auto;}那么这个fieldset在FF(包括safari等浏览器)显示是上下100px、左右居中。而IE下就是左右居中,margin的上下无效。(当然这里的ie是IE6-IE8、页面带DOCTYPE声明)。

我的解决办法就是修改fieldset内legend的margin,或者fieldset外面加一个div,然后修改这个div的margin。

顺便,这个表单也被我拿来当作练习js了,深刻的体会到:学到的理论如果不用到实践上,那永远也不会有提升。

/ 分类: 开发 / TrackBackhttps://xhl.me/archives/662/trackback标签: none

添加新评论 »