ホーム » 個人掲示板 » ECCUBEの商品一覧を横並び
My Google+

ECCUBEの商品一覧を横並び

  • 技術三昧@2015-06-24 16:27:52

スポンサーリンク

ECCUBEの商品一覧を4カラムに表示させるために、
CSSでformを [width: 25%;]に指定し、float:leftにも指定した。
しかし、一覧には4商品以上の時(例:6商品)、2行目の商品を左揃いではなく、右揃いとなってしまいます。
さらに価格順や新着順を押した場合、2行目に1商品、3行目も1商品と表示させ、ごちゃごちゃになります。
floatをちゃんとleftに指定したのに、全然効かなさそうです。
最後、form中のdiv.list_areaの最小高さを指定したら(例:min-height: 200px)、一行4商品を横並べるようななりました。
なんじゃこりゃあ!?



0人

◎技術三昧掲示板で掲載した情報(リンク・リンク先を含む)に関して、掲示板管理者が確認や保証を行うことは一切ありません。
すべて利用者のモラルに委ねられおり、掲示板から張られたリンクに関するトラブルが生じても管理者側は免責とさせていただきます。

閉じる