废话少说，先来段代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>DIV</title>
<style type="text/css">
#sidebar{width: 350px;text-align:center;}
</style>
</head>
<body>
<div id="sidebar">
<table>
<tr><td>username:</td><td><input type="text" name="username"></td>
<tr><td>password:</td><td><input type="password" name="password"></td>
</table>
</div>
</body>
</html>
id为sidebar的DIV在IE中可居中显示，但在FF中却不行。为何会这样？
经过一番网上搜索血拼之后
，终于找到了一个方法：
将第六行代码改为：
#sidebar{width: 350px;text-align:center;margin-right:auto;margin-left:auto;}
为何需要加入这段代码?
margin-right:auto;margin-left:auto;
原因待查。。。
分享到：
相关推荐
DIV+CSS 图片居中效果 兼容 IE FF。。等浏览器
特别是在早期浏览器版本中，如Internet Explorer 6（IE6）、IE7 和 IE8，由于这些浏览器对于CSS的支持存在较大差异，导致网页在不同浏览器中的显示效果大相径庭。本文将详细介绍如何解决div错位问题以及针对IE6、IE7...
- **问题描述**：在一些布局中，需要将文本或元素在DIV容器中垂直居中，但在不同浏览器下实现难度不一。 - **解决方案**： - 使用`vertical-align: middle;`将行距增加到和整个DIV一样高，例如`line-height: 200...
在网页设计中，`DIV+CSS`是一种常用的技术，它能够实现页面的结构与样式分离，提高网页的可维护性和可扩展性。然而，不同浏览器对CSS的支持程度并不完全一致，尤其是在IE6、IE7和Firefox（FF）之间，存在诸多兼容性...
相反，IE（尤其是旧版本）使用非标准盒模型，将`width`和`height`包括了内容、内边距和边框，因此在IE中，需要通过设置`text-align: center`使`div`居中。 2. 居中对齐： Firefox中，当`body`设置`text-align: ...
首先，让我们来看标题和描述中提到的问题：如何使`DIV`或`table`在IE和Firefox中水平居中。在CSS中，有多种方法可以实现这个效果，但并非所有方法在所有浏览器中都能得到相同的支持。在提供的部分内容中，提到了两种...
- FF通过设置`margin-left: auto`和`margin-right: auto`使div居中，而IE可能需要结合`text-align: center`。 - 对于垂直居中，可以使用`vertical-align: middle;line-height: 200px;`配合内联元素来实现，但这种...
本文档“DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf”主要关注如何处理Firefox和不同版本的Internet Explorer（IE6、IE7、IE8、IE9）之间的CSS差异。以下是一些关键知识点的详细说明： 1. **CSS Hack**： - CSS Hack...
带DOCTYPE的写法。。 ------------------ CSS+DIV写的，上下固定高度，中间自动适应高度满屏布局的页面~~写了好久...兼容IE7,IE8,FF,Opera,Safari,谷歌浏览器 ------------------------- 附送一个 DIV垂直居中的页面~~~
在IE5和IE6中，如果设置了`margin`，那么元素的实际宽度计算方式不同。例如，在IE6中，如果一个元素的宽度设置为300px，并且左右两边都有10px的边距，那么它的实际宽度将是320px（300 + 10 + 10）。为了解决这个...
`在IE中显示为手型光标，而在FF中则不一定。 **解决方案**：在CSS中定义`cursor: pointer;`以确保在所有浏览器中都显示为手型光标。 #### 8. 小菜单栏的高度和宽度问题 **问题描述**：在创建小菜单栏时，可能会...
- **问题描述**：在设置 `div` 的 `margin-left` 和 `margin-right` 属性为 `auto` 实现水平居中时，IE 中需要设置 `body` 元素的 `text-align` 为 `center`；而在 FF 中，则需确保 `div` 元素的宽度小于其父容器的...
在网页设计中，确保网页在不同的浏览器上呈现一致性是一项挑战，尤其是在处理`div+css`布局时。本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**： ...
这里我们将详细讨论如何在IE和FF中通过CSS实现元素的居中对齐。 在IE中，一个常用的传统方法是利用`text-align:center;`属性。这个属性适用于块级元素，比如`<body>`标签，可以将其中的所有内联元素（如文本）居中...
在IE中，默认的`UL`元素的`margin`和`padding`值可能与FF不同。为了避免这种情况，可以显式设置`ul{margin:0;padding:0;}`来清除默认值，确保在所有浏览器中表现一致。 #### 7. Box模型问题 IE和FF在处理Box模型时...
在网页设计中，让图片居中是一项常见的需求，尤其考虑到浏览器的兼容性问题，因为不同的浏览器可能对CSS的解析方式存在差异。这个示例提供的是一种跨浏览器的解决方案，旨在确保图片在IE6、IE7、IE8以及Firefox、...
垂直居中在不同浏览器中的实现也存在差异。一种通用方法是设置`.line-height`等于当前div的高度，并结合`vertical-align: middle`属性。 **3\. margin: auto;** 为了水平居中一个元素，可以使用`margin: 0 auto;`...
- `ul`在FF中有默认`padding`，在IE中只有`margin`。为`ul`设置`margin:0;padding:0;`可以解决大部分问题。 9. **浮动元素的闭合**： - 浮动元素后面需要添加清理浮动的元素，如`.clear{clear:both;}`，以防止...