之前从未有过居中div居中的问题,但我一直在尝试获取100%高的列(这对于大多数浏览器而言都是如此)。 我相信100%的高度会使IE8中的div居中混乱。

所以基本上我想让#wholewrap居中对齐,我目前正在使用margin: 0 auto; 但是它不适用于IE8?

有什么想法为什么会发生这个错误或如何解决?

如果您尝试使用此代码,那么它应该可以在FF,Chrome和Opera中运行,但还没有IE9。

由于某种原因,由于某些原因,JSFiddle中此结果在IE8中会有所不同,JSFiddle中显示的结果实际上并不是IE8中显示的结果。

的HTML

<html>
<head>
    <link rel="stylesheet" type="text/css" href="newcss.css"/>
</head>
<body>

<div id='wholewrap'>

    <div class='ttc'>
       <p>
          Left Column<br />
          Left Column<br />
          Left Column<br />
       </p>
    </div>

    <div class='otc'>
       <p>
          Right Column<br />
          Right Column<br />          
       </p>
    </div>

    <br style='clear:both;' />
</div>

</body>
</html>

的CSS

div{border:1px #000 solid;}

html{height: 100%;}

body{height: 100%;}

#wholewrap{width:500px;margin:0 auto;min-height: 100%;height: 100%;}

.ttc{width:45%;float:left;min-height: 100%;height: 100%;}
.otc{width:45%;float:right;min-height: 100%;height: 100%;}

===============>>#1 票数:7 已采纳

可能与doctype 。尝试将<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">或HTML5在<html>上方的<!DOCTYPE HTML> <html>

  ask by Sean H Jenkins translate from so

未解决问题?本站智能推荐:

1回复

CSS calc()在Office 365上不起作用

我设计了一个电子邮件模板,用于将电子邮件发送给客户电子邮件发送给客户,并且Gmail上的UI看起来不错,但是当我向Office 365电子邮件用户发送相同的电子邮件模板时。 用户界面显示不正确。 我试图检查UI问题,发现我的calc()函数无法正常工作。 注意:在服务器端设计电子
8回复

如何将div设置为“display:inline-block”,没有边距? [重复]

这个问题在这里已有答案: 如何删除内联块元素之间的空格? 37个答案 每当我使用display:inline-block将div放在一个水平行中时,它们之间总会有一个边距,即使我设置了margin: 0 !important 。 有没有办法在div之间有正好0像
2回复

IE中的字体大小CSS问题

我正在使用上面的代码来控制文本中特定部分的字体大小。 字体大小在chrome和Firefox中可以完美地工作,但在ie8中则不能,该怎么办? 我是CSS的新手,请帮忙。 我正在使用unicode重新定义“马拉雅拉姆语”字体
4回复

第二栏中的中心按钮宽度灵活吗?

如何在#top-menu中将红色和黄色蓝色按钮居中? http://jsfiddle.net/qhoc/qKXD2/ 我的问题是我希望#top-menu停留在右侧,而不要覆盖整个屏幕宽度。 现在, #top-menu都位于屏幕本身的中心。 谢谢。
5回复

具有background-img的CSS不会加载到div中

我有带图片的CSS 我有导入该类的div标签 编辑 我正在尝试实现一个带边框的框,其中图像的左侧和文本的右侧。 当我将鼠标悬停在我知道css的ui-highlight类上时,我检查了该元素,并且图像显示出来,老实说我不是专业人士。 有人可以帮我为什么图像不显示吗
2回复

为什么我的图像没有对准中心?

即使我声明了css inline,我也无法弄清楚为什么标签之间的图像无法与中心对齐,但是优先级却无法正常工作。 我已经在<style>标记中声明text-align为左,但是我只希望这个特定的标记使居中对齐,而不希望其他对齐。 这是我的html, 这是我的CSS,
1回复

IE浏览器相当于-webkit-appearance吗?

如果在任何地方都可以找到关于此的任何信息,我不会问这个问题。 我已经检查了w3schools,此站点和google。 没有。 那么,是否有一个等效于-webkit-appearance的css -ms?
2回复

如何使用[重复]将Content Div扩展到浏览器

这个问题已经在这里有了答案: CSS:将宽度/高度设置为百分比减去像素 11回答 下面是我的代码, 我将wrapper的宽度设置为100%,现在我的宽度为40px 。 1)我想将浏览器窗口的right div宽度扩展到40px几乎等于98.6%2)我想
4回复

用随机类名更改div的宽度

我想将Facebook评论插件的宽度从620px更改为100%,以使其具有响应性。 一切工作正常,但是有一个宽度为620px的div,它在页面的每次刷新时都会获得随机的id名称,这就是为什么我无法定位该类的原因。 如果有人知道我该如何针对这个特定班级,那就太好了。 这是html代码的一
1回复

div后面的隐藏按钮仅显示提示

在网站上,我有一个项目列表。 这些项目中的每一项都有一张图片或一个名称,我将其添加到<article>标签中,如下所示: 这是链接到测试的小提琴。 图片可能无法使用: http : //jsfiddle.net/9wQg3/ 在每张照片旁边,我想添加一个带有放大镜的