Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 注释作者名称在Chrome中呈现得很好,但在IE8中呈现为半空白_Css_Internet Explorer 8_Google Chrome_Cross Browser - Fatal编程技术网

Css 注释作者名称在Chrome中呈现得很好,但在IE8中呈现为半空白

Css 注释作者名称在Chrome中呈现得很好,但在IE8中呈现为半空白,css,internet-explorer-8,google-chrome,cross-browser,Css,Internet Explorer 8,Google Chrome,Cross Browser,在下面的代码中,$row[“username”]是注释的作者。它在Chrome中渲染得很好,但在IE8中,只有上半部分显示。你知道如何让它全部出现在IE 8中吗 提前感谢, 约翰 守则: echo "<table class=\"commentecho\">"; $count = 1; while ($row = mysql_fetch_array($result)) { $dt1 = new DateTime($row["datecommented"], $tzFrom1

在下面的代码中,
$row[“username”]
是注释的作者。它在Chrome中渲染得很好,但在IE8中,只有上半部分显示。你知道如何让它全部出现在IE 8中吗

提前感谢,

约翰

守则:

echo "<table class=\"commentecho\">";
$count = 1;
while ($row = mysql_fetch_array($result)) { 
    $dt1 = new DateTime($row["datecommented"], $tzFrom1);  
    $dt1->setTimezone($tzTo1);
    echo '<tr>';
    echo '<td rowspan="3" class="commentnamecount">'.$count++.'.</td>';
    echo '<td class="commentname2"><a href="http://www...com/.../members/index.php?profile='.$row["username"].'">'.$row["username"].'</a></td>';
    echo '<td rowspan="3" class="commentname1">'.stripslashes($row["comment"]).'</td>';
    echo '</tr>';
    echo '<tr>';
    echo '<td class="commentname2">'.$dt1->format('F j, Y').'</td>';
    echo '</tr>';
    echo '<tr>';
    echo '<td class="commentname2a">'.$dt1->format('g:i a').'</td>';
    echo '</tr>';
    }
echo "</table>";    
将此添加到CSS中:

.commentname2 a {
    display: block;
    zoom: 1;
    /* all other CSS */
}

缩放:1可能不是必需的,但有时IE需要它来触发其,并阻止内容被剪切或错误渲染。

您指定TDs的高度为14px,溢出是隐藏的,但commentname2类的高度为20px


IE因此隐藏了6个像素。如果子元素将是20px,则使容器至少为20px,或者至少移除
溢出:隐藏

字体大小:14px;但有几个高度:14px;带有填充物,可计入高度

基本上,您需要确保字体大小在您设置的td高度范围内与其他字体(填充)匹配,因此CSS设置的垂直空间在字体不匹配时会切断特许


这是我使用em而不是px的一个原因——在考虑框模型时,它使布局更容易(至少对我来说是这样)。

有几个提示:1>您不需要为每行html单独设置回显。只是不要关闭引号,在下一行继续字符串。2> 对于HTML部分,只需使用?>退出PHP模式,然后再使用?>返回,这会更干净—您不需要重复a:hover的所有样式—只需要不同的样式即可。在本例中,文本装饰:下划线。但是浏览器在默认情况下会这样做,除非您在之前的声明中已经忽略了默认值。不过,他在commentName2中指定字体大小为11px。
.commentname2 a {
    display: block;
    zoom: 1;
    /* all other CSS */
}