Question

这很简单，但我真的是一个菜鸟，不知道如何解决这个问题。

基本上，我有一个电子卡要显示在网页上。在后台播放图像和音乐。 html在Chrome和Firefox上运行良好（即使Chrome和Firefox的大小不同，也能集中和播放），但主要问题在于IE。当我在IE上打开网页时，图像未正确对齐。

以下是我的HTML代码：

<!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=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
	background-color: #214353;
}
</style>
</head>

<body>
<div align="center"><img src="image/Christmas-Card3.gif" width="800" height="533" /></div>
<div>
  <div align="center">
    <embed src="media/Feliz Navidad Instrumental Karaoke..mp3" width="32" height="32" hidden="ture" loop="ture"></embed>
  </div>
</div>
</body>
</html>

请帮忙！

谢谢！

Answer 1

在容器div上使用此样式。

<div style="width: 800px; height: 533px; margin: 0 auto;"><img src="image/Christmas-Card3.gif" width="800" height="533" /></div>

在不同浏览器上显示图像时出现错位

1 个答案: