在IE和Firefox中排除了位置

时间:2012-09-09 05:22:49

标签: html css internet-explorer firefox

对于学校作业,我被要求重新设计一个商业网站。

我之前只使用过css / html,这是我第一次为完整网站编写它。

我面临的问题是在谷歌浏览器中3个div的定位是正确的,但在IE和Firefox中,div的位置不正确。

http://letsmine.info/mnpctech/index.html它们是菜单栏右侧的推特,脸书和结帐符号。

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

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

1 个答案:

答案 0 :(得分:0)

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

display: inline-block;
float: right;

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

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

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

确保你使用花车并知道你在“显示”属性的方式以便定位,我总是试图远离相对定位,因为它有点不可靠。