お世話になっております。
商品一覧表示を横に数列表示させたいのですが

http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=2412&forum=10&viewmode=flat&order=ASC&start=0

こちらなどを参考に試みたのですが
ブラウザがIEでは理想の表示になるのですが
firefoxだと、1列の表示となってしまいます。

floatの部分が関係ある事までは理解したのですが
どの部分をどのように変更・追加すればいいのか
なにかヒントを頂けますと助かります。

EC-CUBE2.3.0

商品一覧表示の実際のページの URL を書かれていたほうが返信が付くと思われますが可能でしょうか？

ご助言ありがとうございます。

URLはこちらになります。
http://www.polkadrops.com/shop/products/list.php?category_id=9

ご教授いただけますと幸いです。

こんな感じでしょうか?
ボルダーオパールジュエリー ネコちゃん貴金属 / リング

不具合のあったブラウザでの表示など、いかがでしょう?

----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

はい！！こんな感じが理想なのですが・・・うまく出来ずにおります。
投稿していただいたURLですとブラウザfirefoxでも
きちんと3列に表示されております。


CONTENTS全体の横幅を600pxにして
listareaの横幅を145pxで横に4列で表示したいのですが
firefoxでレイアウトが1列になってしまいます。

現在products.cssはこのようにしています。

-------------------------------------------------
/* 商品
----------------------------------------------- */


div.listarea {
　　width: 145px;
　　padding: 20px 0 30px 0;
　　background: url("../img/common/line_580.gif") no-repeat bottom;
　　float: left;
　　overflow:hidden;

}

div.listphoto {
float: left;
width: 140px;
}

div.listrightblock {

width: 140px;
}

div.listrightblock li {
display: inline;
padding: 0 0 10px 0;
}

div.listrightblock h3 {
width: 130px;
margin: 5px 0;
padding: 5px 10px;
border-bottom: 2px solid #ebebd6;
background-color: #f9f9ec;
font-size: 10px;
}

div.listrightblock h3 a {
font-size: 10px;
font-weight: bold;
}

div.listrightblock .listcomment {
margin: 0 0 10px 0;
font-size:10px;
}

div.listrightblock .pricebox {

font-size:10px;
}

div.listrightblock .soldout {
clear: both;
}

div.listrightblock .in_cart {
margin: 20px auto 5px 0px;
padding: 10px;
width: 120px;
clear: both;
background-color: #ffffff;
border: 0px solid #CCCCCC;
font-size:10px;
}

div.listrightblock .quantity {
width: 130px;
}

div.listrightblock .btnbox {
margin: 0 0 10px 0;
padding: 1px;
}

div.listrightblock dt {
width: 75px;
float: left;
text-align: right;
padding: 3px;
font-weight: bold;
}

div.listrightblock dd {
padding: 3px;
}

div.listrightblock .cartbtn {
clear: both;
text-align: center;
}

div.listrightblock .cartbtn img {
display: block;
width: 115px;
margin: 5px auto 0 auto;
}

div.listrightblock .box54 {
width: 30px;
border: solid 1px #ccc;

-------------------------------------------------

素人な物でおかしな部分がありましたらお教え頂けますでしょうか。
どうぞ宜しくお願い致します。

CSS のスペースは半角スペース(またはTAB)でないと駄目ですよ。

----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

すみません。。

無事に表示できました！！
本当にお恥ずかしい限りです。
ありがとうございました。