Question

我在drupal开发了一个网站。但是在我开始制作之前还有最后一个问题。

我的测试页的网址为test url here

让我解释一下图像中的问题。

在Google Chrome中加载时，CSS看起来很好的镀铬和低于图像的屏幕截图。 chrome screenshot

当我在IE8中加载页面时，帖子标题之间有很大的空间，即html header2和teaser是html段落。IE8 screenshot

您可以帮我删除预告片和帖子标题之间的空格。

Answer 1

删除

display:inline;

和/或

padding-left: 5px;

来自.field-item

Answer 2

field-item{
display:inline;
}

删除显示属性。

think id发布解决方案而非评论

Answer 3

我已经在IE 9上进行了测试..这是一个猜测，但我试图将p-tags margin-top改为-15px，所以我猜IE强制造型为p-tag ..我我想我会尝试将它改成div。

<div style="vertical-align: top; background-color: red;" class="content">
    <div class="field field-name-field-thumbnail field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/content/sun-setting-rio"><img alt="" src="http://techmasti.forwardsfarm.com/sites/default/files/styles/thumbnail/public/5657048733_9ecb8bff8e_b.jpg" typeof="foaf:Image"></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div style="margin-top: 0px;" class="field-item even" property="content:encoded"><p style="margin-top: 0px;">We start with customizing the appearance using an existing theme. You may be surprised how customizable an existing theme can be simply by changing a few settings. From there we discuss ways to make your own theme based on an existing theme, and then show you how to tweak it through the use of CSS stylesheets.</p>
</div></div></div>  </div>

希望它有用，尽管它的猜测： - ）

CSS在Chrome和IE中提供不同的外观和感觉

3 个答案: