EC-CUBE(Ver.2.3.0)、テンプレートはデフォルトのままでサイト作成をしているのですが、おすすめ商品を管理者ページのコンテンツ管理→オススメ管理より登録したところ表示がおかしな状態となってしまいました。

表示例（うまく表示できなかったらごめんなさい）

　おすすめ商品

　写真　商品１　ＡＢＣＤＥＦＧ
　写真　価格(税込)　99,9999円
　コメントコメントコメントコメントコメントコメントコメント
　コメントコメントコメントコメントコメントコメントコメント
　コメントコメントコメントコメントコメントコメントコメント

　　　　　　　　　　　　　　　写真　商品２　ＡＢＣＤＥＦＧ
　　　　　　　　　　　　　　　写真　価格(税込)　99,9999円
　　　　　　　　　　　　　　　コメントコメントコメントコメ
　　　　　　　　　　　　　　　ントコメントコメントコメント
　　　　　　　　　　　　　　　コメントコメントコメントコメ

　写真　商品３　ＡＢＣＤＥＦＧ
　写真　価格(税込)　99,9999円
　コメントコメントコメントコメントコメントコメントコメント
　コメントコメントコメントコメントコメントコメントコメント
　コメントコメントコメントコメントコメントコメントコメント

　　　　　　　　　　　　　　　写真　商品４　ＡＢＣＤＥＦＧ
　　　　　　　　　　　　　　　写真　価格(税込)　99,9999円
　　　　　　　　　　　　　　　コメントコメントコメントコメ
　　　　　　　　　　　　　　　ントコメントコメントコメント
　　　　　　　　　　　　　　　コメントコメントコメントコメ

上記のような表示となります。
正常動作する場合は、おすすめ商品ブロック内に左右2列で表示されるのが正常な状態だと思うのですが、どうなのでしょうか？

このような症状はみなさん起きなかったのでしょうか？
また、この症状は管理者ページのデザイン管理→ブロック編集などでどこかしらの修正を行う必要があるのでしょうか？

どなたか、このような問題を解決した方はご教授いただければ幸いに存じます。

写真やコメントの大きさや長さが商品毎にバラバラですので
レイアウトが崩れているんではないでしょうか？

CSSで各商品ごとの段落にておいて
widthやheightを調整するなりして、回り込みをすれば
正常に表示できると思います

DDRさんご回答ありがとうございます。

　写真やコメントの大きさや長さが商品毎にバラバラですので
　レイアウトが崩れているんではないでしょうか？

とりあえず、商品1〜商品4の写真およびオススメコメントをまったく同じ内容で登録をしてみましたが、改善しませんでした。

　CSSで各商品ごとの段落にておいて
　widthやheightを調整するなりして、回り込み

やはり、上記のようにCSSの修正をする必要があると思うのですが、ここで指摘されているCSSとは管理ページのデザイン管理→CSS編集で読み込まれている、import.cssの編集のことなのでしょうか？

初歩的な内容にて大変申し訳有りませんが、ご教授いただければ幸いに存じます。

オススメブロックのテンプレートに記述したソースとブラウザで表示されるソースの両方を貼ってみてください。

何かタグなどが抜けてしまっているのか、CSSの値をどこか調整すべきなのかは、上記2つ＋CSSの該当箇所を見比べてみないとなんともいえません。

ソースを貼ってもらえれば、おかしなところがあれば、アドバイスできるかもしれません。

hemlockさん、初めまして

同様の初心者ですが、このトラブルは以下のように修正しました。

index.css（_packageフォルダの中のcssフォルダの中にあります）内

div.recomendleft {
float: left;
　　width: 190px;　　　　　　　←この行を追加
margin: 0 5px 0 0;
}

こうすると、オススメ商品が1個の時も左に寄ってしまいますが、偶数個であれば、違和感なく表示されます。

これがベストの方法か分かりませんが、とりあえずの対策としてご紹介します。

FRAGILE さんの行った対策は妥当だと思います。

EC-CUBEコミュニティ(eccube-comu) では、下記2回に渡って改修しています。
http://svn.ec-cube.net/open_trac/changeset/17456
http://svn.ec-cube.net/open_trac/changeset/17479

参考まで。

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