div.aboutstandard ul.aboutlist li {
float: left;
padding-left: 10px;
padding-right: 10px;
width: 300px;
height: 280px;
}
div.aboutstandard ul.aboutlist li {
float: left;
padding-left: 10px;
padding-right: 10px;
width: 300px;
height: 280px;
}
この高さの寸法を設定すると、Chrome と Internet Explorer では完全に機能しますが、Firefox では寸法が異なります。テキストは、Firefox の次の画像の下に入ります。
phpコード:
<ul class="aboutlist1">
<li>
<img class="aboutimg" src="images1.jpg" alt="<? $lang->text('ABOUT1'); ?>"/>
<h1><? $lang->text('ABOUT1'); ?></h1>
<p class="abouttext"><? $lang->text('ABOUT_TEXT1'); ?></p>
</li>
<li>
<img class="aboutimg" src="images2.jpg" alt="<? $lang->text('ABOUT2'); ?>"/>
<h1><? $lang->text('ABOUT2'); ?></h1>
<p class="abouttext"><? $lang->text('ABOUT_TEXT2'); ?></p>
</li>
</ul>
<ul class="aboutlist">
<li>
<img class="aboutimg" src="image3.jpg" alt="<? $lang->text('ABOUT3'); ?>"/>
<h1><? $lang->text('ABOUT3'); ?></h1>
<p class="abouttext"><? $lang->text('ABOUT_TEXT3'); ?></p>
</li>
<li>
<img class="aboutimg" src="image4.jpg" alt="<? $lang->text('ABOUT4'); ?>"/>
<h1><? $lang->text('ABOUT4'); ?></h1>
<p class="abouttext"><? $lang->text('ABOUT_TEXT4'); ?></p>
</li>
</ul>