居中固定宽度布局打破在IE6

我通常使用此代码

div#wrapper{width:900px; margin: 0 auto;} div#header{float:left; width: 900px;} div#sidebar{float:left; width: 300px;} div#content{float:left; width:600px;} div#footer{float:left; width: 900px; clear:both;}

我有这个标记

<div id="wrapper"> <div id="header"></div> <div id="sidebar"></div> <div id="content"></div> <div id="footer"></div> </div>

不知何故在IE6的布局游:整个布局浮动到左边!

就这一个任何小窍门?

编辑:布局是有效的; 围绕在IE7和8部作品(不过休息怪癖)

编辑这里是它的外观在怪癖模式

--------------解决方案-------------

你需要有一个DOCTYPE声明..

任何DOCTYPE会做..

选中)

试试这个造型代替,没有理由浮动什么,但侧栏,只是增加了更多的复杂性IE6混淆。

div#wrapper{width:900px; margin: 0 auto;}
div#header{width: 900px;}
div#sidebar{float:left; width: 300px;}
div#content{margin-left: 300px; width:600px;}
div#footer{width: 900px; clear:both;}

像盖比说,一个DOCTYPE会做的伎俩。 这给一个尝试在文档的顶部:

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

分类:CSS 时间:2012-01-01 人气:0
本文关键词: CSS
分享到:

相关文章

  • 最小宽度和最大宽度CSS媒体查询 2012-01-01

    <link href="css/mobile-large.css" media="all and (min-width: 481px) and (max-width: 760px)" rel="stylesheet" type="text/css" /> 不该该行代码做到让样式表"移动large.css"用的是三星的Galaxy Nexus在宽度720像素时加载? 然而,它并不那么究竟是什么原因

  • 从具有比亲本更高的高度的CSS止动元件 2012-01-01

    我approximatley这种结构 <div> <div id='1'> </div> <div id='2'> </div> </div> 我想使它这样,当DIV 1的含量变得太大,它和div 2,以适应在主分区,它会得到一个滚动条,而不是推什么关父div的底部. 我怎样才能做到这一点的CSS? 编辑: 父格(或者更确切地说,它的母公司)拥有一套高度. 在这一点上设置溢流:滚动DIV1只是使其超越底部与侧面的滚动条. ------

  • CSS - 选择元素 - 边界半径 - 歌剧背后显示出选择输入的边界? 在没有出现弯曲边界? 2012-01-01

    我有麻烦试图风格歌剧中选择元素. 发生了什么,是大多数的应用到CSS这个元素的样式在Opera(11.60)所示,但由于某些原因位也得到冷落,就像盒子阴影效果和边界半径. 这在我看来,歌剧显示上述这些样式的选择元素,正如我在过渡已经注意到,弯曲的边界确实存在,它只是后面的select元素. 如,选择元素时没有重点似乎没有边界半径的影响,但是当焦点应用于元素,你再看到transistion边框则在元素的后面再次消失. 在IE 9,火狐9和Chrome浏览器的最新版本,有问题的选择元素出来不久的制服

  • CSS块链接 - 如何让它正常工作? 2012-01-01

    保险业监督€™想要使用在我的网站的CSS块链接. 我想有灯光背景,白色字体,当链路是被动的和黑暗的背景,白色字体,当鼠标悬停在链接或如果链路处于活动状态(左键按下但未释放). 我唐娜€™吨想要的字体颜色改变. 保险业监督€™已经用下面的代码尝试这样做的IE9,FF 7,Chrome的17: <!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/T

  • 我怎么能垂直居中基于模态对话框这个CSS / JavaScript的? 2012-01-01

    我已经成功地为中心的水平我的叠加保证金对话框:0汽车;. 但我不知道如何垂直居中. 有什么建议么? CSS: /* =Overlay -------------------------------------------------------------- */ #overlay { display: none; position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-inde

  • 你如何在CSS页面中心的东西吗? 2012-01-01

    可能重复: 如何使用这个放在中心CSS? 我曾经那么努力把事情在CSS中心,但我只是不明白了! 我不想使用<center></center> 那么怎么回事是它做什么? --------------解决方案------------- 那么,什么是最简单的,最接近的选项编写<center></center> ? 大概是这样的: element { display:block; text-align:center; } 参考文献: 谷歌浏览器的样式表: http:

  • CSS / HTML:在酒吧/表格文本? 2012-01-01

    我希望做的东西看起来像这样: http://img291.imageshack.us/img291/5571/bartablestyling.png (现在我只有那家酒吧在顶部) 当我尝试写的文字,它profilepicture下获得. 我不想使用float:离开它. 我怎样才能使一个表,使得这样的文字,红色箭头我drawed,我想知道如何调整之间存在的宽度是多少? 下面是我的代码现在: <div style="background-image: url(images/notificati

  • 经过2线(使用相同的类)打破CSS 2012-01-01

    下面有奇怪的问题,有7个系(相同的类),但看起来不一样后,2号线是. 我找不到在CSS或html任何问题,而这必须在我看来,合作. 这里的CSS: .archive-items dl { border-bottom: 1px solid #4F8FCC; padding: 0 0 8px 0; margin: 0; width: 310px; } .archive-items dl:first-child { border-top: 1px solid #4F8FCC; padding-top:

  • 如何配置CSS与Spring MVC和瓷砖 2012-01-01

    我使用Spring 3.0.5和2.2.2瓷砖,我不能设法得到我的应用程序正确引用一个样式表. 我的样式表是: WEB-INF /静态/ CSS / Styles.css中 我如何在我的主瓷砖JSP正确申报呢? 我一直在努力,现在摸不着头脑了几天,我已经尝试了一些,我在这里看到的建议,并在其他网站. 我试着加入 <mvc:resources ...> 我的Spring配置,虽然不是所有建议的解决方案包括此. 毫无疑问,这是很简单的,但我一直没有发现一些作品. 任何帮助是非常感谢! ------

  • 的CSS和JavaScript文件浏览缓存? 2012-01-01

    我想konw CSS和JavaScript的浏览器缓存是否自动使用PHP或V HV与代码手工做.. 和重量的优势,如果我手动缓存的CSS和JS文件到客户端浏览器..使用代码.. ? 如果不缓存重量会发生? --------------解决方案------------- 默认情况下,浏览器将不缓存CSS和JS文件通过PHP或任何其他动态服务器端语言服务. PHP所产生的HTTP响应头将宣布为去年更新当前日期的文件. 为了让客户端缓存响应,您必须手动执行一个条件GET. 这里有一个指南. 这对RSS

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.133 (s). 10 q(s)