手机
当前位置:查字典教程网 >网页设计 >XHTML >html中使用margin:0 auto整个页面不居中的解决方法
html中使用margin:0 auto整个页面不居中的解决方法
摘要:今天写个jsp页面,乍么调来调去123xxx这个属怎么弄都不能让页面居中展示,而且其它样式也出现莫名其妙的问题后来找这个这个问题的解决方案:...

今天写个jsp页面,乍么调来调去<div style="margin:0 auto">123xxx</div> 这个属怎么弄都不能让页面居中展示,而且其它样式也出现莫名其妙的问题

后来找这个这个问题的解决方案:

原来是L-Blog默认没有在HTML前加上DTD,于是IE就以HTML而不是XHTML来解释文档.

问题并不在CSS而在XHTML网页本身.

需要加上这样的代码才能使得上述设置有效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

如果您希望更为严格的XHTML 1.0 Strict或者XHTML 1.1请查阅相关文档.

以上测试均基于Windows XP SP2版IE6和FireFox 1.0最终版.

建议如果页面中需要使用css样式,不要把这行删除:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

【html中使用margin:0 auto整个页面不居中的解决方法】相关文章:

ie7打开页面有源文件但页面空白问题的解决方法

html插入链接的实现方法

防止用户将表单重复提交的方法汇总

html 中文乱码 HTML超链接中文乱码问题分析及解决方法

html页面嵌套使用示例(frameset使用方法)

html中设置锚点定位的几种常见方法

使用iframe实现提交表单不刷新页面

在html文件里include文件内容的方法小结

将html标签在浏览器居中显示的css样式

html中设置让div中的内容超出后自动显示滚动条

精品推荐
分类导航