CSS在FF和Chrome中看起来很棒，但在IE8中却不行_Css

CSS在FF和Chrome中看起来很棒，但在IE8中却不行

css

CSS在FF和Chrome中看起来很棒，但在IE8中却不行,css,Css,是的，另一个有点独特的问题，因为我在任何地方都找不到相同的问题。我正在尝试建立一个网站，到目前为止，它在FF和Chrome中看起来很棒，但在IE8中它看起来像垃圾。我不知道如何解决这个问题。我一直在查别人，看他们是否像我一样，但不是。该网站是funspot.zxq.net是的，我也会改变它这只是我的开始，但这是代码 <html> <head> <title>The Fun Spot </title> <link rel="styl

是的，另一个有点独特的问题，因为我在任何地方都找不到相同的问题。我正在尝试建立一个网站，到目前为止，它在FF和Chrome中看起来很棒，但在IE8中它看起来像垃圾。我不知道如何解决这个问题。我一直在查别人，看他们是否像我一样，但不是。该网站是funspot.zxq.net是的，我也会改变它这只是我的开始，但这是代码

    <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:daddycardona@gmail.com">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>

您处于怪癖模式，IE不会尝试像其他更现代的浏览器那样运行。将此添加到第一行：。然后看看我们的立场。

这里我修复了ie8中的外观。我将高度从百分比改为像素，效果很好。如果这对你有用，就用它

这是它的样子

HTML

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<HTML><HEAD><TITLE>The Fun Spot</TITLE>
<META content="text/html; charset=windows-1252" http-equiv=Content-Type><LINK 
rel=stylesheet type=text/css href="/style.css">
<META name=GENERATOR content="MSHTML 8.00.6001.19019"></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><A href="http://www.gaiaonline.com/" target=_blank>Gaia</A> 
  <LI><A href="http://www.roblox.com/" target=_blank>Roblox</A> 
  <LI><A href="http://www.adventurequest.com/" target=_blank>Adventure Quest</A> 

  <LI><A href="http://www.animefreak.tv/" target=_blank>Anime Freak</A> 
  <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 alt="Amare Stoudemire" src="stack_files/AmareStoudemireNY.jpg"> 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 alt="Patrick Ewing" src="stack_files/ewing_knicks.jpg"> 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:daddycardona@gmail.com">Daddy</A></P>
<P><IMG alt="1994 Team" src="stack_files/favoriteKnicksTeam.jpg"> 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>

我没有投反对票，但你没有告诉我们什么不起作用。刚刚给了我们密码。描述您遇到的问题。我猜是在增加保证金：0自动；到几个div就能搞定它。。。但是，请描述问题，不要给我们代码。对不起，是的，如果你在IE上查看它，然后在Chrome或fire fox上查看它，它就是实际的站点。整个布局在IE中不起作用。一两个屏幕截图怎么样？这里没有多少人会将你的代码粘贴到html文件中，并在两个浏览器中查看。我只是做了这个测试。一旦有了合适的doctype，这些页面似乎呈现出相同的效果，但它似乎在Chrome中破坏了页面，而不是IE中的帮助。我认为OP的问题比他意识到的更大。@爸爸，这并没有让它们看起来不好，而是让它们看起来正确。你的问题是，你的代码依赖于怪癖，而不是基于良好的设计。我有点困惑，我把doctype放进去，它使标题和导航链接栏融合在一起，它看起来就像我想要的那样，任何人都可以上传快照，这样你就可以看到我所说的区别。伙计，太棒了，我只是想知道怎么做来吧，不要用百分号，谢谢。但是你也添加了元标记，在这种情况下是如何工作的？如果你做得不对，百分比有时会很难使用。像素更受欢迎。也要确保在IE中包含长远的未来=

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<HTML><HEAD><TITLE>The Fun Spot</TITLE>
<META content="text/html; charset=windows-1252" http-equiv=Content-Type><LINK 
rel=stylesheet type=text/css href="/style.css">
<META name=GENERATOR content="MSHTML 8.00.6001.19019"></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><A href="http://www.gaiaonline.com/" target=_blank>Gaia</A> 
  <LI><A href="http://www.roblox.com/" target=_blank>Roblox</A> 
  <LI><A href="http://www.adventurequest.com/" target=_blank>Adventure Quest</A> 

  <LI><A href="http://www.animefreak.tv/" target=_blank>Anime Freak</A> 
  <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 alt="Amare Stoudemire" src="stack_files/AmareStoudemireNY.jpg"> 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 alt="Patrick Ewing" src="stack_files/ewing_knicks.jpg"> 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:daddycardona@gmail.com">Daddy</A></P>
<P><IMG alt="1994 Team" src="stack_files/favoriteKnicksTeam.jpg"> 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>

    #container {
    WIDTH: 100%
}
#header {
    BACKGROUND-IMAGE: url(http://funspot.zxq.net/Header.jpg); BORDER-BOTTOM: #000000 2px solid; POSITION: relative; WIDTH: 89%; HEIGHT: 100px;}
#horizontalnav {
    BORDER-BOTTOM: #000000 2px solid; POSITION: relative; BACKGROUND-COLOR: #00008b; WIDTH: 89%; HEIGHT: 30px
}
.navlinks {
    POSITION: absolute; TOP: 4px; LEFT: 240px
}
.navlinks UL {
    MARGIN: auto
}
.navlinks LI {
    LIST-STYLE-TYPE: none; MARGIN: 0px 18px 0px 0px; DISPLAY: inline
}
.navlinks LI A {
    PADDING-BOTTOM: 7px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; FONT-FAMILY: Courier New; COLOR: #ff8c00; FONT-SIZE: 16px; TEXT-DECORATION: none; PADDING-TOP: 5px
}
.navlinks LI A:hover {
    COLOR: #ffffff; TEXT-DECORATION: underline
}
#header P {
    FONT-FAMILY: Courier New; COLOR: #000000; FONT-WEIGHT: bold
}
#leftnav {
    BACKGROUND-COLOR: #00008b; WIDTH: 10%; FLOAT: left; HEIGHT: 400px; BORDER-RIGHT: #694717 1px dashed
}
#leftnav P {
    FONT-FAMILY: Courier New; COLOR: #ff8c00; FONT-SIZE: 16px
}
#rightnav {
    BORDER-LEFT: #694717 1px dashed; BACKGROUND-COLOR: #00008b; WIDTH: 9.9%; FLOAT: left; HEIGHT: 400px;
}
#rightnav P {
    FONT-FAMILY: Courier New; COLOR: #ff8c00; FONT-SIZE: 16px
}
#theMeat {
    PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #ff8c00; PADDING-LEFT: 0px; WIDTH: 68.9%; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 400px; OVERFLOW: auto; PADDING-TOP: 0px
}
#theMeat P {
    FONT-FAMILY: Courier New; COLOR: #00008b; FONT-SIZE: 16px
}
#footer {
    BACKGROUND-COLOR: #00008b; WIDTH: 88.9%; CLEAR: both
}
#footer P {
    FONT-FAMILY: Courier New; COLOR: #ff8c00; FONT-SIZE: 16px
}