0
はい、もう少し質問があります。私はどこでも同じ質問を見つけることができないのでユニークです。私はウェブサイトを作ろうとしていますが、これまでのところ、FFやChromeでは素晴らしいようですが、IE8ではうんざりのように見えます。私はそれを修正する方法を知っていない彼らは私のようなものかどうかを確認するために他の人を見ていたが、そうではありません。 サイトはfunspot.zxq.netええ、私はそれがちょうど私のスタートですが、これはコードCSSはFFとChromeではうまく見えますが、IE8では表示されません
<html>
<head>
<title>The Fun Spot </title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="horizontalnav">
<div class="navlinks ">
<ul>
<li><a href="http://www.Facebook.com" target="_blank">Facebook</a></li>
<li><a href="http://www.gaiaonline.com" target="_blank">Gaia</a></li>
<li><a href="http://www.roblox.com" target="_blank">Roblox</a></li>
<li><a href="http://www.adventurequest.com" target="_blank">Adventure Quest</a> </li>
<li><a href="http://www.animefreak.tv" target="_blank">Anime Freak</a></li>
<li><a href="http://www.youtube.com" target="_blank">Youtube</a></li>
</ul>
</div>
</div>
<div id="leftnav">
<p>Info: Love the Knicks as you can see so when I post some stuff here about this. This site would be about me and get better as I become a better developer. </p>
</div>
<div id="theMeat" >
<p><img src="AmareStoudemireNY.jpg" alt="Amare Stoudemire" > This is my favorite Knicks Player right now. Even though Carmelo Anthony is awesome, Stoudemire started the road to the playoffs not really 100% by himself but by himself. </p>
<p> <img src="ewing_knicks.jpg" alt="Patrick Ewing" > This is the man and my favorite player of all times! He was great and I wish that they never traded him his final year because that was an a injustice. He gave them all he ever had and they dissed him, if you agree send me a email. <a href="mailto:[email protected]">Daddy</a></p>
<p><img src="favoriteKnicksTeam.jpg" alt="1994 Team" > Now this here is the team you dont forget about. I think the Knicks put together alot of awesome teams but this one was my Favorite. The starters were Patrick Ewing, Anthony Mason, Derek Harper, John Starks, and Charles Oakley. Oh and Pat Riley as the coach. Yeah baby.</p>
</div>
<div id="rightnav">
<p>There will be site's that helped me create this site OOH Rah </p>
</div>
<div id="footer">
<p align="center">Date Edited 20110408</p>
</div>
</div>
</body>
</html>
とあなたがQuirksモードであるCSS
#container {
width: 100%;
}
#header{
width: 89%;
height: 15%;
position: relative;
background-image: url(Header.jpg);
border-bottom: 2px solid #000000;
}
#horizontalnav {
width: 89%;
height: 30px;
position: relative;
background-color: #00008B;
border-bottom: 2px solid #000000;
}
.navlinks {
position: absolute; top: 4px; left:240px;
}
.navlinks ul {
margin: auto;
}
.navlinks li {
margin: 0px 18px 0px 0px;
list-style-type: none;
display: inline;
}
.navlinks li a {
color: #FF8C00;
padding: 5px 12px 7px;
text-decoration: none;
font-size: 16px;
font-family: Courier New;
}
.navlinks li a:hover{
color: #ffffff;
text-decoration: underline;
}
#header p {
color: #000000;
font-family: Courier New;
font-weight: bold;
}
#leftnav {
float: left;
width: 10%;
height: 70%;
background-color: #00008B;
border-right: 1px dashed #694717;
}
#leftnav p{
color : #FF8C00 ;
font-family : Courier New ;
font-size : 16px ;
}
#rightnav {
float: left;
width: 9.9%;
height: 70%;
background-color: #00008B;
border-left: 1px dashed #694717;
}
#rightnav p{
color : #FF8C00 ;
font-family : Courier New ;
font-size : 16px ;
}
#theMeat {
background-color: #FF8C00 ;
overflow : auto ;
float: left;
width : 68.9% ;
height : 70% ;
padding: 0px 0px 0px 0px;
}
#theMeat p {
color : #00008B ;
font-family : Courier New ;
font-size : 16px ;
}
#footer {
clear: both;
background-color: #00008B;
width : 88.9% ;
}
#footer p{
color : #FF8C00 ;
font-family : Courier New ;
font-size : 16px ;
}
です。ちょうど私たちのコードを与えた。あなたは何の問題があるか説明してください。私はマージンを追加すると思います：0 auto;いくつかのディビジョンにそれを修正する...しかし、まだ、問題を説明するだけで私たちのコードを与えていない。 – JClaspill
申し訳ありません。実際のサイトをIEで見てから、ChromeやFire Foxで全体のレイアウトがIEで動作していない場合 – daddycardona
スクリーンショットはどうですか？ –