Question

我有以下css代码：

#Layer3

{
position:absolute;
width: 89%;
height: 40%;
left: 10%;
top: 56%;
background-color: #f1ffff;
}

#Layer3 h1 
{
font-size: medium;
color: #000033;
text-decoration: none;
text-align: center;
}

.tableheader {
    border-width:10px; border-style:solid;
}
.tablecontent {
    height: 95%;    
    overflow:auto;    
}

然而，当我使用这个PHP生成html

时

echo '<div id="tableheader" class="tableheader">';

echo "<h1>{$query} Auctions</h1>" . "\n"; 
echo "</div>";
echo '<div id="tablecontent" class="tablecontent">';

echo "<table border='0' width='100%'><tr>" . "\n"; 

echo "<td width='15%'>Seller ID</td>" . "\n"; 

echo "<td width='10%'>Start Date</td>" . "\n"; 

echo "<td width='75%'>Description</td>" . "\n"; 

echo "</tr>\n";

// printing table rows

    foreach ($rows as $row)

    {

        $pk = $row['ARTICLE_NO'];

        echo '<tr>' . "\n"; 

table contens generated in here

        echo '</tr>' . "\n"; 

    }
echo "</table>";
}

echo "</div>";

生成此html：

<div id="tableheader" class="tableheader">
<h1>hardy Auctions</h1>
</div>
<div id="tablecontent" class="tablecontent">
<table border='0' width='100%'>
<tr>
<td width='15%'>Seller ID</td>
<td width='10%'>Start Date</td>
<td width='75%'>Description</td>
the rest of table stuff
</div>

样式表已正确引用，因此我不确定导致错误的原因。但桌子上根本没有边框。这两个图层都在Layer3中，不再在页面上正确显示。

Answer 1

#tableheader {
  border: 10px solid #000;
}

尝试给它一种颜色。

编辑：因为它的id是tableheader，所以尝试将样式选择器更改为id。您也可以尝试使用！important来查看是否有任何内容覆盖了您的类选择器。

特异性值：

内联：1000; id：100，class：10，element：1

！important胜过所有其他非重要的声明。

Answer 2

首先在Firefox中使用Firebug或在IE中使用IE Developer Toolbar浏览呈现页面中的HTML DOM。

这样，您可以看到实际与呈现页面中的元素关联的样式。从那里调试问题要容易得多。

一种可能性是CSS文件中某处存在语法错误，导致样式无法正确应用。

Answer 3

我刚刚看了一下它接缝很好，我也创建了这些的本地副本，样式也可以正常工作，我在h1文本周围有一个很好的厚黑色边框。 / p>

因此，您解释的内容要么覆盖样式，要么样式未应用于页面。

css div没有得到承认

3 个答案: