30/09/2018, 21:59
Khắc phục lỗi hiện thị với IE 11
Chào các bạn !
Mình đang tạo 1 cái web tĩnh chạy trong mạng LAN.
Cũng không có gì to tát nhưng IE nó hiển thị không đúng với thiết kế (Chorme và Firefox thì ok).
Mình đánh tên máy vào địa chỉ IE thì nó hiển thị sai, gõ IP thì lại đúng. Thực sự thì mình chưa biết do đâu, nếu do code thì các bạn chỉ mình cách fix để chạy với IE nhé.
Đây là code html: Có 1 menu ngang và 1 iframe ở dưới.
<!DOCTYPE html>
<html>
<head>
<title>FreeTeam Applications Center</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=9">
<link rel="icon" type="image/x-icon" href="images/app.ico"/>
<link rel="shortcut icon" type="image/x-icon" href="images/app.ico" />
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body text="white">
<!-- HEADER -->
<div id="header" align="center">
<h1>FREETEAM APPLICATIONS CENTER</h1>
<h5>Designed and Copyright by FreeTeam July 2016</h5>
<hr color="white"></hr>
</div>
<div id="content">
<!-- MAIN MENU -->
<div id="mainmenu" align="center">
<ul>
<li><a href="home.html" target="ifMainContent">Home Page</a></li>
<li><a href="images/background3.jpg" target="ifMainContent">Products</a></li>
<li><a href="downloads.html" target="ifMainContent">Downloads</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<iframe id="iframecontent" name="ifMainContent"/>
</div>
</body>
</html>Đây là css :
body{
background-image:url(images/background.jpg);
background-position:center top;
background-repeat:no-repeat;
height:100%;
overflow:hidden;
margin:-5px;
}
#header h1{
height:80px;
font-size:60px;
margin:0px;
align:center;
}
#header h5{
height:25px;
font-size:15px;
margin:0px;
align:center;
}
#content{
margin:0px;
}
#mainmenu{
background:#323232;
height:35px;
margin:5px;
}
#mainmenu ul{
list-style-type:none; // xóa dấu đầu dòng
padding:0px;
margin:-5px;
}
#mainmenu ul li{
display:inline-block;
margin-top:0px;
margin-right:-5px;
align:center;
}
#mainmenu ul a{
text-decoration:none;
width:150px;
float:left;
background:#323232;
color:#fff;
font-weight:bold;
text-align:center;
line-height:35px;
border-left:1px solid #505050;
border-right:1px solid #505050;
}
#mainmenu ul a:hover{
background:#404040;
}
#iframecontent{
position:relative;
display:block;
height:100vh;
width:100vw;
border:0px;
margin-left:5px;
margin-top:5px;
margin-right:10px;
margin-bottom:20px;
}Lẽ ra thì nó hiển thị thế này :
Nhưng nó lại thế này :
Bài liên quan
Một điều nữa là mình copy mã nguồn về máy và chạy thì lại không có vấn đề gì.
Thanks all !
Mình đã fix được rồi nhé. Là thay đổi dòng này sang IE11.