我正在设计一个Wordpress主题的样式,但是遇到了IE7的问题。
当我想将段落/strong标记中的第一个单词(“it”)放在图像下方时,它会在img标记的左侧结束。
我的问题是,我在这里唯一可以更改CSS属性的元素是div,因为其中的代码是由博客作者通过WYSIWYG发布的。
有什么办法可以解决这个问题吗?我尝试了很多不同的设置,每个其他浏览器FF safari IE8都会渲染图像下面的文本。
<div style="width: 430px;">
<h1>It is hard getting it right in IE7!</h1
我正在尝试使用字段集图例作为一组单选按钮的标签。我的HTML和CSS在IE8和9、firefox和chrome上都运行得很好。在IE7中,标签显示在单选按钮上。在所有其他浏览器中,标签显示在按钮的左侧。我很乐意为IE7添加一个有条件的stle,但我不知道是什么让它工作。
该问题在以下标记中重复出现
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
我在<header>中有一个<h1>,并且头文件有display: inline。由于某些原因,仅在IE9和IE10中,<h1>上方有一个额外的空间。我已经尝试了我知道的所有css重置技巧,但似乎没有什么能消除这个空间。
如何在不更改html结构或标签的情况下,以及在不更改<header>中的display: inline的情况下,删除IE9/10中的这些额外空间?而且不会在其他浏览器中破坏它?
HTML:
<header>
<h1>
why is there a space above this