php - IE7 中 foreach 循环中的文本大小增加

Question

我创建了一个 php 文件来解析 .txt 文件以显示房地产广告。

我为数组使用了一个 foreach 循环，除了在 IE7 中，一切都运行良好。在 IE7 中，文本大小在每个数组之后增加。这一切都在 joomla 文章中，适当的 php 文件包含在使用 Sourcerer 插件中。

我在相应的 css 文件中将字体大小从 % 更改为 em，但这没有用。我尝试在 div 中使用 zoom:1 但我已经在 containg div 中有一个 position:absolute 并且它也不起作用。

foreach 循环:

foreach($results as $book){
echo '<div id="annonces">';
echo '<div id = "annoncetext">';
echo '<p class="annonces_title"> ' . $book[2]. '</p>';
echo '<p class="annonces_ref">' . $book[3]. ' m<sup>2</sup> - ' . $book[4] . ' pièces - ' . $book[5] . ' chambres<br>';
echo '<p class="annonces_prix">Prix : '  . $book[6]. ' €<br></p>';
echo '<p class="annonces_description">' .  $book[8]. '<br><br>';
'</div></div>';

和一些相关的CSS:

p.annonces_title{ 
    font-size: 1.75em;
    font-weight:normal;
    line-height:28px;
    padding: 5px 10px 1px 0px;
    margin: 0px 4px 13px 0;
    letter-spacing:0px;
    text-transform: uppercase;
    color:#fff;
}
p.annonces_prix{ 
    font-size:1.3em;
    line-height:18px;
    padding:8px 0 4px 0;
    margin-bottom:8px;
    color:#fff;
    font-weight:normal;
    text-transform:none;
}

#annonces {
    margin-left:0;
    margin-top:30px;
    width:1080px;
    font-size-adjust:none;
    min-height:500px;
    position:relative;
    background-image:url(filet-annonces.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
}

#annoncetext {
    position:absolute;
    top:0;
    width:340px;    
}

最后，不仅文本大小随着每个新广告的增加而增加，而且不在循环中的页脚也被放大。这是页面的链接。 http://www.lagrandiere-immobilier.fr/espace-location/nos-offres-de-location 这种现象可以在 Adob​​e BrowserLab 中观察到。

Answer 1

您缺少关闭 </p>标记在行尾

echo '<p class="annonces_ref">' . $book[3]. ' m<sup>2</sup> - ' . $book[4] . ' pièces - ' . $book[5] . ' chambres<br>';

还有这里:

echo '<p class="annonces_description">' .  $book[8]. '<br><br>';

因此您的 HTML 可能无法正确呈现。

另外你不应该在循环中使用 ID，因为 ID 属性应该是唯一的， 所以我建议将其更改为类属性，或者通过添加 ID 后缀使其唯一。