Internet explorer 使用SyntaxHighlighter仅用于Chrome的额外线路？

当我使用Chrome查看一篇使用highlighter语法的博文草稿（在blogger上）时，会插入额外的行

但在IE上看起来不错：

你知道我做错了什么吗

编辑：

我正在使用的SyntaxHighlighter的配置/设置如下：

<!-- Syntax Highlighter Additions START -->
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushcsharp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>

<script language='javascript' type='text/javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script>
<!-- Syntax Highlighter Additions END -->

SyntaxHighlighter.config.bloggerMode=true；
SyntaxHighlighter.all（）；

编辑：

生成的HTML为：

<pre class="brush: csharp;">using System;
<br />using System.Text;
<br />using System.Collections.Generic;
<br />using System.Linq;
<br />using Microsoft.VisualStudio.TestTools.UnitTesting;
<br />using AccountTypeFollowUp;
<br />
<br />namespace PluginsUnitTests
<br />{
<br />    [TestClass]
<br />    public class AccountTypeFollowUpTests
<br />    {
<br />        [TestMethod]
<br />        public void AccountTypeFollowUp_Account_Is_Supplier()
<br />        {
<br />            throw new NotImplementedException();
<br />        }
<br />
<br />        [TestMethod]
<br />        public void AccountTypeFollowUp_Account_Is_Client()
<br />        {
<br />            throw new NotImplementedException();
<br />        }
<br />
<br />        [TestMethod]
<br />        public void AccountTypeFollowUp_Account_Is_Other)
<br />        {
<br />            throw new NotImplementedException();
<br />        }
<br />    }
<br />}
<br /></pre>

使用系统；

使用System.Text；

使用System.Collections.Generic；

使用System.Linq；

使用Microsoft.VisualStudio.TestTools.UnitTesting；

使用AccountTypeFollowUp；



命名空间插件监视测试

{

[TestClass]

公共类AccountTypeFollowTests

{

[测试方法]

公共作废账户类型跟进账户是供应商（）

{

抛出新的NotImplementedException（）；





[测试方法]

公共作废账户类型followup\u账户是\u客户（）

{

抛出新的NotImplementedException（）；





[测试方法]

公共作废账户类型跟进账户是其他账户）

{

抛出新的NotImplementedException（）；

有相同的问题；这似乎是由shCore.css文件的这一部分引起的：

.syntaxhighlighter table td.gutter .line {
  text-align: right !important;
  padding: 0 0.5em 0 1em !important;
}

如果我将“填充”替换为：

padding: 0 5px  !important;

编号在Chrome中正常工作（不会对Firefox和IE显示产生负面影响），因此现在我的博客指向一个定制的shCore.css，而不是在

之前粘贴

.syntaxhighlighter表td.排水沟线{
填充：0！重要；
}

无需引用其他CSS文件。在引用shCore.css的链接标记后粘贴以下样式块：

<style>
  .syntaxhighlighter table td.gutter .line {
    padding: 0 5px !important;
  }
  .syntaxhighlighter table td.code .line {
    padding: 0 !important;
  }
  .syntaxhighlighter .gutter {
    padding-right: 1em !important;
  }
  .syntaxhighlighter table {
    padding-bottom: 1px !important;
  }
</style>

.syntaxhighlighter表td.排水沟线{
填充：0 5px！重要；
}
.syntaxhighlighter表td.code.line{
填充：0！重要；
}
.荧光灯.排水沟{
右边填充：1em！重要；
}
.荧光灯桌{
填充底部：1px！重要；
}

.syntaxhighlighter table td.gotter.line

在每个行号周围添加5个像素的水平填充

.syntaxhighlighter表td.code.line

删除代码行本身的所有填充

.syntaxhighlighter.ground

在边沟和代码行之间添加1 em的填充

---

.syntaxhighlighter表

解决了我在Chrome中看到的溢出问题。对于水平溢出的代码块，Chrome渲染的是一个垂直滚动条，可以滚动1个像素。在container div内的表中添加1个像素的填充将其修复。

我无法让这些解决方案中的任何一个正常工作。然而，中的一条评论给了我解决方案

打开模板编辑器（编辑html），并搜索“13px”。变量定义附近有两个实例。我将字体大小更新为12px，一切正常

     <Variable name="body.font" description="Font" type="font"
     default="normal normal **12px** Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal **12px** Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

---

blogger.com和最新的Firefox也出现了同样的问题。
我发现这是因为类

.container

上的样式重叠，所以基本上您必须在SyntaxHighlighter中将类重命名为类似

.containers

。

---

查看我的
现在它对我来说运行正常。

是的，我发现如果我指向2.1版本，它也被修复了。我将尝试定制版本，谢谢！我也面临着同样的问题，用chromeCustomised脚本^^^为我工作。此外，如果您愿意，请链接到2.1版本，它可以跨FF、IE和Chrome for meI工作。您很难找到托管自定义CSS文件的位置。SkyDrive和DropBox链接对我来说不太合适。有人有这个文件的2.1版本的链接吗？@atconway我已经按照jane所说的编辑了CSS文件，并在这里托管了它，这可能会对你有所帮助

     <Variable name="body.font" description="Font" type="font"
     default="normal normal **12px** Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal **12px** Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>