将桌子固定在一个固定位置

Question

嘿所有，我正试图将一张桌子放在一个固定位置的页面中，但我的表现非常糟糕。我该怎么做呢！？！？这就是我所做的......

http://pastebin.com/cjAqkyjg

Answer 1

如果你知道元素的大小（例如200 x 100像素），你可以使用百分比和负边距来缩小它的一半：

.Centered {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -50px;
}

Answer 2

以下是演示：http://jsfiddle.net/8pt4p/15/。

您需要一些CSS才能使其正常工作（这仅适用于演示，因此您需要在元素中应用id）：

<强> CSS ：

div#navigation {
    position: fixed;
    border: 1px solid blue;
    width: 100%;
}

div#navigation table {
    border: 1px solid red;

    margin-left: auto;
    margin-right: auto;
}

<强> HTML ：

<div id="navigation">
    <table border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td valign="top">
                <img src="Images/navigation.png" />
            </td>
        </tr>
    </table>
</div>

Answer 3

你需要在div上放置一个“top”和“left”css属性，并修复。

Answer 4

你应该能够这样做：

.centered {
  position: fixed;
  left: 0;
  right: 0;
  margin:0 auto;
  width: 500px;
  height: 500px;
  background: blue;
}

不幸的是，有些浏览器（Opera，IE9（IE8做对了））弄错了。