ASP.NET MVC 4应用程序中的CSS问题

I created Report using Telerik Report Designer . then I integrated those report into my MVC 4 Application , Everything works fine ,

我使用Telerik Report Designer创建了Report。然后我将这些报告整合到我的MVC 4应用程序中,一切正常,

I followed this Telerik Tutorial

我遵循了Telerik教程

commented below snippet also (in Site.CSS File)

也在下面的代码片段中注释(在Site.CSS文件中)

 input, textarea {
 border: 1px solid #e2e2e2;
 background: #fff;
 color: #333;
 font-size: 1.2em;
 margin: 5px 0 6px 0;
 padding: 5px;
 width: 300px;
}

 table {
 border-collapse: collapse;
 border-spacing: 0;
 margin-top: 0.75em;
 border: 0 none;
}
td {
 padding: 0.25em 2em 0.25em 0em;
 border: 0 none;
}

But I'm getting CSS issue like below attached image. ASP.NET MVC 4应用程序中的CSS问题

但我得到的CSS问题如下图所示。

any suggestion Highly Appreciate,

任何建议高度赞赏,

2 个解决方案

#1

I think site.css from MVC project messes up with telerik report. First, try removing site.css altogether. If that fixes the report, try doing the following:

我认为来自MVC项目的site.css与telerik报告混淆了。首先,尝试完全删除site.css。如果这样可以修复报告,请尝试执行以下操作:

Bring back site.css;

带回site.css;

Put report it in its own container (i.e. <div class="report"></div>)

将报告放在自己的容器中(即

)

Put this at the end of site.css:

把它放在site.css的末尾:

.report input, .report textarea
{
   width: initial;
   margin: initial;
   <..>
}

In other words try resetting CSS from report container;

换句话说,尝试从报表容器中重置CSS;

#2

I've bumped into similar issues where the in browser reports were mis-aligned. It turned out I was using an older version of the JS and CSS files than the version of Telerik Reporting I was using. Each version of Telerik Reporting has an updated version of these files. So just verify that it isn't a version mismatch.

我遇到了类似的问题,浏览器报告中的错误对齐。原来我使用的是旧版本的JS和CSS文件,而不是我使用的Telerik Reporting版本。每个版本的Telerik Reporting都有这些文件的更新版本。所以只需验证它不是版本不匹配。

#1