0

对于学校作业，我被要求为企业重新设计网站。

我以前只用过 css/html，这是我第一次为完整的网站编写它。

我面临的问题是 3 个 div 的定位在 google chrome 中是正确的，但在 IE 和 Firefox 中，div 的位置不正确。

http://letsmine.info/mnpctech/index.html它们是菜单栏右侧的 twitter、facebook 和结帐符号。

由于这是我第一次编写 CSS 和 HTML，我认为这是一个愚蠢的错误，我希望你能引导我走向正确的方向。

同样在商店页面上，我需要用图片和名称来布置产品，就像它们在这里http://www.mnpctech.com/MnpctechBilletFanGrill.html一样。我应该创建一个表格并将图像和标题放在那里吗？只是在寻找一些建议。

4

1 回答 1

0

您需要将以下属性添加到#checkout、#facebook 和#twitter：

display: inline-block;
float: right;

并从每个属性中删除以下属性：

position: relative;
left: 980px;
top: -49px;

然后该页面应在所有浏览器中正确显示。

确保您使用浮点数并熟悉“显示”属性的定位方式，我总是尽量远离相对定位，因为它有点不可靠。

于 2012-09-09T05:47:05.950 回答