6.0w+
社区成员
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
nickchen119 2010-03-05
html文档最顶部少了下面这样一行代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
AsiaHT 2008-10-10
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Hello,World!</title>
<style type="text/css">
#header{
background : #cccccc ;
border : 2px solid #333333 ;
width : 100% ;
height : 300px ;
margin : 0px auto ;
}
</style>
</head>
<body>
<div id="header">
<h1>Title</h1>
<ul>Navigator</ul>
</div>
<div id="center">
<div id="left">Left</div>
<div id="right">Right</div>
</div>
<div id="footer">Foot</div>
</body>
</html>
注：该代码再IE7.0版本上已经调试通过，关键是前面的红色部分。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Hello,World!</title>
<style type="text/css">
#header{
background : #cccccc ;
border : 2px solid #333333 ;
width : 100% ;
height : 300px ;
margin : 0px auto ;
}
</style>
</head>
<body>
<div id="header">
<h1>Title</h1>
<ul>Navigator</ul>
</div>
<div id="center">
<div id="left">Left</div>
<div id="right">Right</div>
</div>
<div id="footer">Foot</div>
</body>
</html>
注：该代码再IE7.0版本上已经调试通过，关键是前面的红色部分。
zerocoin 2008-03-31
这个居中的使用条件是先指定外容器的宽度, 如:100%;
然后在里面有要居中的容器设置这个样式就可以实现居中效果了.
<div style="width:100%">
<div style="margin: 0px auto">
</div>
</div>
然后在里面有要居中的容器设置这个样式就可以实现居中效果了.
<div style="width:100%">
<div style="margin: 0px auto">
</div>
</div>
away8_girl 2008-03-31
分开写嘛 margin-left:auto;margin-right:auto 基本的浏览器都适用了
Atai-Lu 2008-03-31
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>未命名标题</title>
<style type="text/css">
<!--
body{margin-left:0;margin-top:10px;margin-right:0;margin-bottom:10px;}
#div{margin-left:auto;margin-right:auto;width:76%;}
#pbody{border:#88cee9 1px solid;padding:15px;}
-->
</style></head>
<body>
<div id="div">
<div id="pbody">
这个试试
</div>
</div>
</body>
</html>
是不是dtd引用不正确???
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
这个
liuqinqin 2008-03-29
没有设置宽度吧;
jdrunner 2008-03-29
ie下有个bug，ie7仍然没有解决。所以要用到一个hack
1,先让整个body内容居中
body {
text-align: center;
min-width: 760px;
}
2,利用自动空白边居中该容器，再让内容向左靠齐，宽度自己可以调
#wrapper {
width: 720px;
margin: 0 auto;
text-align: left;
}
1,先让整个body内容居中
body {
text-align: center;
min-width: 760px;
}
2,利用自动空白边居中该容器，再让内容向左靠齐，宽度自己可以调
#wrapper {
width: 720px;
margin: 0 auto;
text-align: left;
}
liefdiy 2008-03-29
你是想设置居中吧
#name {
position:absolute;
left:50%;
width:760px;
margin-left:-380;//值为负的容器宽度的一半
}
如此即可，任何浏览器里都能用。
#name {
position:absolute;
left:50%;
width:760px;
margin-left:-380;//值为负的容器宽度的一半
}
如此即可，任何浏览器里都能用。
margin:0 auto;在IE8里不再居中啦 IE8对margin:0 auto;这个CSS好像不再有用了，页面不能居中啦，下午回来再看看有什么办法居中，太平洋的前端也说他们公司无视IE8的存在，测试还是以前的版本。原因找到啦，我把margin:0 auto;写在了body标签中，IE7...
关于内层DIV设置margin-top不起作用的解决方案 （一） 近日在做另外一个站点的时候，又遇到这个问题，决定好好的研究解决一下。...div style="margin-top:200px;">子层</div> </div> 理想中的效果是父层和上部层贴边显示，子层距离父层顶...
CSS 中 !important的用法总结 比如在IE中的效果总是和其他的浏览器如firefox,opera等相差2px,导致页面布局有错位， 这是因为IE对盒之间距离的解释的bug造成的，针对这种情况我们就可以利用!important来帮助解决。 例如下面这个样式 .
CSS 中 !important的用法注意！ 注意，一定要是同名的样式，也就是样式名都叫A的样式才行，如果是父代与子代的情况就不管用了，比如说： html> head> style> .father{ font-size:12px !important; } .child{ font-size:14px; } style> body...
CSS的Margin属性:详解margin属性 你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见...
12个很少被人知道的CSS事实 CSS不是一门很复杂的语言，但是即使你已经写css很多年了，也很有可能遇到一些新玩意儿-某些属性从来没用过，某些值从来未曾考虑，或者某些规范细则你从来不知道。 我经常会遇到一些css小细节，所以我想在这片文章...
2019最新Web前端经典面试试题及答案-史上最全前端面试题(含答案) margin:-100px 0 0 -150px } 实现二原理：利用CSS的margin设置为auto让浏览器自己帮我们水平和垂直居中。 CSS代码： .mycss{ position: absolute; left: 0px; right: 0; top: 0; bottom: 0; margin: auto; ...
div css 布局下兼容IE6 IE7 FF常见问题 div+css 布局下兼容IE6 IE7 FF常见问题 收藏 所有浏览器 通用 （市面上主要用到的IE6 IE7 FF） height: 100px; IE6 专用 _height: 100px; I...
DIV+CSS浏览器兼容问题 IE6能识别*和_，但不能识别 !important, IE7能识别*，也能识别!important,不能识别_; FF不能识别*和_，能识别!important; 所以可以这样来区分IE6，IE7，firefox : background:orange;*background:green;_...
2021年前端面试题及答案 前端面试汇总（2020年） ...7、前端http相关问题 8、*前端基础知识点面试题 9、前端技术栈问题 前言 由于新冠肺炎疫情，现在成天呆在家里，加上也要准备面试，就在家里看面试题...
DIV+CSS解决IE6，IE7，IE8，FF兼容问题 乐杨俊：DIV+CSS解决IE6，IE7，IE8，FF兼容问题 2011-07-25 21:11:47 DIV+CSS解决IE6，IE7，IE8，FF兼容问题 1.IE8下兼容问题，这个最好处理，转化成IE7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了...
jsp中对margin属性不解析解决办法 在jsp中IE8对margin:0 auto;这个CSS好像不再有用了，页面不能居中啦。 在jsp中文档类型定义是： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>...
margin 写css，你少不了与margin打交道。你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负...
div+css 布局下兼容IE6 IE7 FF常见问题 div+css 布局下兼容IE6 IE7 FF常见问题 收藏 所有浏览器 通用 （市面上主要用到的IE6 IE7 FF） height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; ...
详解css中margin属性(转) Margin是什么 - - CSS 边距属性定义元素周围的空间。通过使用单独的属性，可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。——W3School边界，元素周围生成额外的...
