Css IE-分区之间的非预期垂直空间_Css

Css IE-分区之间的非预期垂直空间

css

Css IE-分区之间的非预期垂直空间,css,Css,我正在制作一个布局，每个div堆叠在一起，用于顶部导航/横幅。在Firefox/Chrome/Opera中，布局看起来不错，但在IE中，顶部导航的每个div下面都有空格我尝试在每一行中使用“clear:left”，希望它能删除空格，但这不起作用。任何帮助都将不胜感激 URL:您缺少很多重要的HTML，从有效的doctype开始。一旦你有了这个必要的标记，你的许多错误（如果不是全部的话）可能会消失。您可以通过访问w3c验证服务在线验证标记，网址为：使用以下内容作为模板： <!DOCTYP

我正在制作一个布局，每个div堆叠在一起，用于顶部导航/横幅。在Firefox/Chrome/Opera中，布局看起来不错，但在IE中，顶部导航的每个div下面都有空格

我尝试在每一行中使用“clear:left”，希望它能删除空格，但这不起作用。任何帮助都将不胜感激

URL:

您缺少很多重要的HTML，从有效的doctype开始。一旦你有了这个必要的标记，你的许多错误（如果不是全部的话）可能会消失。您可以通过访问w3c验证服务在线验证标记，网址为：

使用以下内容作为模板：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>Website Title Here</title>
  </head>
  <body>

    <!-- Body Content Here -->

  </body>
</html>


网站名称在这里

您缺少很多基本的HTML，从有效的doctype开始。一旦你有了这个必要的标记，你的许多错误（如果不是全部的话）可能会消失。您可以通过访问w3c验证服务在线验证标记，网址为：

使用以下内容作为模板：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>Website Title Here</title>
  </head>
  <body>

    <!-- Body Content Here -->

  </body>
</html>


网站名称在这里

如果不需要这些空div，请尝试删除它们。如果需要，请将行高、字体大小和填充设置为0。

如果不需要，请尝试删除这些空div。如果需要，请将行高、字体大小和填充都设置为0。

IE在标记之间（例如，在结束div和下一个开始标记之间）留有空格真的很奇怪。另外，您的Phillright div中有一个孤立的结束标记。

IE对于在标记之间有空格（例如，结束div和下一个开始标记之间）非常奇怪。此外，您的Phillright div中还有一个孤儿正在关闭标记。

如果没有正确的doctype，您将永远无法让IE尝试像其他更现代的浏览器一样运行。把这个放在你的第一行，看看我们的立场：

如果没有合适的doctype，IE永远无法像其他更现代的浏览器那样运行。把这个放在你的第一行，看看我们的立场：

缺少有效的DOCTYPE声明会导致IE以怪癖模式呈现页面。因此，无论出于何种原因，IE的某些版本的“恐惧”都会全力以赴地发挥作用，填补你的空白。简单的解决方案是只指定一个DOCTYPE，希望没有人会关注IE6或更糟的版本。否则，它将需要一些特殊的黑客。例如，您可以添加一些条件CSS以减少6个像素的边距，如下所示：

<div id="wrapper">
 <div id="top"></div>
 <div id="philleft"><a href="#"><img src="philleft.jpg" alt="" /></a></div>
 <div id="philright"></a></div>
 <div id="philbelowleft"><img src="philbelowleft.jpg" alt="" /></div>
 <div id="philbelowright"></div>
 <div id="techleft" style="margin-top:-6px"><a href="#"><img src="techleft.jpg" alt="" /></a></div>
 <div id="techright" style="margin-top:-6px"></div>
 <div id="techbelowleft"><img src="techbelowleft.jpg" alt="" /></div>
 <div id="techbelowright"></div>
 <div id="testleft" style="margin-top:-6px"><a href="#"><img src="testleft.jpg" alt="" /></a></div>
 <div id="testright" style="margin-top:-6px"></div>
 <div id="testbelowleft"><img src="testbelowleft.jpg" alt="" /></div>
 <div id="testbelowright"></div>
 <div id="locationleft" style="margin-top:-6px"><a href="#"><img src="locationleft.jpg" alt="" /></a></div>
 <div id="locationright" style="margin-top:-6px"></div>
 <div id="locationbelowleft"><img src="locationbelowleft.jpg" alt="" /></div>
 <div id="locationbelowright"></div>
 <div id="rightbanner"></div>
 <div id="content">
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br /><br />
 Lorem ipsum dolor sit amet, consectetur adipisit, incididunaliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor inlum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br /><br />
 Lorem ipsum dolor sit amesed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exerliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </div>
 <div id="bottom"></div>
</div>


知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔出于非故意的原因，不应因疏忽而导致动物死亡。


洛雷姆·伊普苏姆·多洛·希特·阿迪皮西特，因迪杜纳利卡。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人的婚姻都是无效的。除了偶尔出于非故意的原因，不应因疏忽而导致动物死亡。


在劳动和生活的暂时性冲突中，同一个人的痛苦是有限的。但是，在最小限度内，我们必须从共同消费中获得利益。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

请记住，确保您的实现实际上是有条件的。或者，您可以将整个现代编码实践书扔出窗口，用表格而不是div和CSS格式化页面。通过这种方式，您可以放心地确保所有内容都将正确排列，同时使任何标准的遵守者在阅读您的代码时都想把头撞到砖墙上（您缺少doctype、html、head和body标记已经令人钦佩地实现了这一点）。如果您选择这样做，我建议您将所有HTML代码都大写

如果我是您，我只需指定一个doctype并将以下代码添加到您的所有页面：

<script>if (document.all && Number(navigator.userAgent.split("MSIE ")[1].split(";")[0])<7) alert("You are using an outdated version of Internet Explorer. Please update to version 7.0 or newer for the page to display properly.")</script>

if（document.all&&Number（navigator.userAgent.split（“MSIE”）[1]。split（“；”[0]））缺少有效的DOCTYPE声明会导致IE以怪癖模式呈现页面。因此，无论出于何种原因，IE的某些版本的Deared完全处于活动状态，并填充了您的div。简单的解决方案是只指定一个DOCTYPE，希望没有人会从IE6或更糟的版本观看。否则，将需要一些特殊的破解。例如例如，您可以添加一些条件CSS以减少6个像素的边距，如下所示：
<div id="wrapper">
 <div id="top"></div>
 <div id="philleft"><a href="#"><img src="philleft.jpg" alt="" /></a></div>
 <div id="philright"></a></div>
 <div id="philbelowleft"><img src="philbelowleft.jpg" alt="" /></div>
 <div id="philbelowright"></div>
 <div id="techleft" style="margin-top:-6px"><a href="#"><img src="techleft.jpg" alt="" /></a></div>
 <div id="techright" style="margin-top:-6px"></div>
 <div id="techbelowleft"><img src="techbelowleft.jpg" alt="" /></div>
 <div id="techbelowright"></div>
 <div id="testleft" style="margin-top:-6px"><a href="#"><img src="testleft.jpg" alt="" /></a></div>
 <div id="testright" style="margin-top:-6px"></div>
 <div id="testbelowleft"><img src="testbelowleft.jpg" alt="" /></div>
 <div id="testbelowright"></div>
 <div id="locationleft" style="margin-top:-6px"><a href="#"><img src="locationleft.jpg" alt="" /></a></div>
 <div id="locationright" style="margin-top:-6px"></div>
 <div id="locationbelowleft"><img src="locationbelowleft.jpg" alt="" /></div>
 <div id="locationbelowright"></div>
 <div id="rightbanner"></div>
 <div id="content">
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br /><br />
 Lorem ipsum dolor sit amet, consectetur adipisit, incididunaliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor inlum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br /><br />
 Lorem ipsum dolor sit amesed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exerliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </div>
 <div id="bottom"></div>
</div>


知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德如果你不轻率，就必须为自己的行为负责。


知识本身是一种美德，是一种美德，是一种美德，是一种美德。但是，在最小限度上，知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德/>

在劳动力和人力资源的临时投资中，同一部分的投资是有限的，但在最低限度的投资中，这部分投资是有限的