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在ie7浏览器里面无效 把文件头改成 <!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"> ...
关于IE7/IE8不支持margin:0 auto;居中的解决办法 div居中一般写法我们会用：margin: 0 auto;但是在低版本的ie浏览器显现偏左不居中，解决办法如下 .center-box{ width: 1000px; height: 800px; background-color: green; margin: 0 auto; } 兼容IE7/IE8的写法： ....
ie7中position:fixed定位后导致margin:0 auto;无效 现代浏览器以及ie8以上均正常显示,但是ie7中,header里面的子元素设置的水平居中并没有效果。做了各种尝试，都没有解决。经过网上查询，固定定位必须要写left和top值，至此问题解决。 转载于:...
为什么对图片无法使用margin:0 auto；来进行居中？ 当我们进行网页开发时，如果想要一张类似于海报的图片居中显示时，我们首先想到的就是将其添加样式：margin:0 auto;可是却不能成功，这是为什么呢？接下来我们来根据如下例子来探索这个美妙的问题吧！ 第一步：我们...
margin:0 auto;在IE8里不再居中啦 IE8对margin:0 auto;这个CSS好像不再有用了，页面不能居中啦，下午回来再看看有什么办法居中，太平洋的前端也说他们公司无视IE8的存在，测试还是以前的版本。原因找到啦，我把margin:0 auto;写在了body标签中，IE7...
正确的使用margin:0 auto与body{text-align:center;}实现元素居中 body{text-align:center}与margin:0 auto的异同？这是一个对齐上的迷惑，刚开始的时候或许大家对它们都不是很理解。我们通过下面的一些小例子来了解他们到底有什么区别，应该在什么样的情形下正确的使用body{text-...
CSS中的margin：auto失效原因 2.该元素一定不能浮动，否者无效。 3 在HTML中使用标签，需考虑好整体构架，否者全部元素都会居中的。 4.display：table－cell display:table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签。 ...
实操解决position:absolute之后margin:auto失效的问题 HTML和 CSS的过程中，遇到了一个问题，那就是将一个div元素（内含文本）利用 position:absolute 属性设置为绝对定位之后，想再对整个元素进行依照设备的水平居中便很难了，也就是说属性及其值：margin:10px auto;...
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...
关于margin-right使用不了的问题 <body> <ul> <li> ...input type="checkbox" class="ol-check" name="" id="" value="" />...a href="#" style="margin-right: 0;">删除</a> </li> </ul> </
12个很少被人知道的CSS事实 CSS不是一门很复杂的语言，但是即使你已经写css很多年了，也很有可能遇到一些新玩意儿-某些属性从来没用过，某些值从来未曾考虑，或者某些规范细则你从来不知道。 我经常会遇到一些css小细节，所以我想在这片文章...
垂直外边距合并--CSS的Margin属性:详解margin属性 你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见...
css中为什么margin-right不管用？ margin: auto; } .cirle2{ width: 200px; height: 200px; border: red solid 1px; border-radius: 50%; position: absolute; top:50%; left: 50%; ...
div css 布局下兼容IE6 IE7 FF常见问题 div+css 布局下兼容IE6 IE7 FF常见问题 收藏 所有浏览器 通用 （市面上主要用到的IE6 IE7 FF） height: 100px; IE6 专用 _height: 100px; I...
详解浏览器兼容的由来以及解决发案 网页兼容性或网站兼容性问题，指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。在网站的设计和制作中，做好浏览器兼容，才能够让网站在不同的浏览器下都正常显示。而对于浏览器软件的开发...
margin 写css，你少不了与margin打交道。你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负...
CSS的Margin属性:详解margin属性 你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见...
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下兼容了...
详解css中margin属性(转) Margin是什么 - - CSS 边距属性定义元素周围的空间。通过使用单独的属性，可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。——W3School边界，元素周围生成额外的...
css基础知识整理 面试题 1.哪些方式可以对一个DOM设置他的css样式？ 外部样式表。引入一个外部CSS文件； 内部样式表。将CSS代码放在标签内部； 内联样式，将CSS样式直接定义在HTML元素内部； 2.css选择器有哪些？选择器的优先级？ 要使用css...
CSS在不同浏览器兼容问题,margin偏移/offset溢出等 margin在垂直取值时取最大值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><...
2019最新Web前端经典面试试题及答案-史上最全前端面试题(含答案) 近期总结一一些面试题 都是企业的面试题笔记题 感觉薪资10k下的都会出笔试题 特别高的薪资都是直接技术面试或者是 现场编程 总结很多人的面试题，后期会对于单个知识点再说笔记详细讲解。 ...
div+css 布局下兼容IE6 IE7 FF常见问题 div+css 布局下兼容IE6 IE7 FF常见问题 收藏 所有浏览器 通用 （市面上主要用到的IE6 IE7 FF） height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; ...
解决浏览器兼容问题hack，IE6/IE7/IE8/IE9/Firefox/Opera/Webkit/Chrome/Safari color:red; color:red !important; _color:red; *color:red; +color:red; *+color:red; color:red\9; color:red\; color:red\0; color:red\9\0;... and (min-width: 0px){ div{color:red;} } @media scree
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吗？你知道负...
firefox中height:auto 不管用 ☆ 操作类型：操作中…… style=width:370px;background:#ffffff ;border:5px solid #ff0000;border-top:0;font-size:12px;font-family:新宋体;text-align:center;min-height:10px; height:au
