トップページから左側にある食品カテゴリーの下の食品(2)をクリックすると開く商品一覧ページの上にある食品と書かれているバーと、おなべとアイスクリームの商品一覧に20cm位の何もない空間があいてしまいました。

そこからおなべの「詳しくはこちら」をクリックし、商品詳細おなべのページ上では前ページの問題はありません。つまり食品と書かれているバーとおなべの詳細を記載した写真等との間には空間がなく正常に表示されています。

尚、商品カテゴリーの下にある当サイトについて、お問い合わせ、特定商取引に関する法律をクリックして開かれるページでは問題はありません。

main.cssファイルのdiv#two_maincolumnの情報を変更したりしておりますが、改善される気配はなく、途方にくれております。

どなたかこのことに関してお詳しい方がいらっしゃいましたら、アドバイスを頂ければ大変有難く存じます。

恐らくスタイルシートの設定や無駄なタグが原因だと思うのですが。
Firefox＋firebugやSafariのWebインスペクタなどを使って、詳細に調査した方が良いかと存じます。

----------------
株式会社サンクユーは東京都品川区のWEB制作会社です。
サンクユーのEC-CUBE構築、カスタマイズ・サービス
お問合せ先：info@thank-u.net
（有償対応のみ

商品一覧ページ(list.tpl)を何か変更しましたか？

デフォルトではそのような現象はおこらないので
・user_data/packages/default/css/product.css
　　(/* 商品一覧 */あたり)
・data/Smarty/templates/default/list.tpl(かuser_data/packages/default/list.tpl)
　　(<!--★タイトル★-->以降あたり)
で最近変更したあたりを見直してみるといいかもしれません。
前述されているように、firebug等で調べてみると何かわかるかも。
場所が限定されているので、見つけやすいと思います。

頑張って下さい！

余談ですが、このスレッドのカテゴリー「開発提供」ではなく、「質問」だと思うのですが。

変更したのはmain.cssだけです。main.cssの変更だけで私の記述したような現象は発生するものなのでしょうか。

ご指摘されたとおり、product.cssとlist.tplをいろいろと試してみたいと思います。

product.cssとlist.tplを変更していないのであれば、それを変更してもダメだと思います。

管理画面のデザイン設定で、商品一覧ページのソースも変更していませんよね？

それであれば、main.cssをどのように変更したかに問題があると思います。
margin、padding、width、heightとか。

取り急ぎ。

あと、変更する際、壊してしまったり元に戻せなくなる人はデフォルトのファイルをバックアップしておく事をオススメします。

皆様、そしてkaoring777様、

なおりました。
開いておりました20cm位の空間がなくなりました。
ご指摘されたとおりにmain.cssを隈なくチェックし、
2カラム設定をありとあらゆる組み合わせで変更したところ、

?float: left;が削除されていた
?widthの幅が960と長すぎた
?paddingの0pxの0が4つではなく1つしかなかった。

など私が変更した箇所が悪影響を及ぼしていたようで、以下のように変更したところ改善されました。

/* 2カラム設定 */
div#two_maincolumn {
float: left;
width: 610px;
padding: 0px 0 0 0;
}

kaoring777様がご指摘されていますように、私のような問題に直面されている方は元となるmain.cssファイルを参照しながら改善策をさぐることをお勧めいたします。

この度はご丁寧なアドバイスを頂きまして本当にありがとうございます。

>?widthの幅が960と長すぎた

これですね。
div id="two_maincolumn"が入っているdivよりも大きいサイズを指定していたからです。
小さい箱に大きい箱は入らないよ！ということです。

解決されたようでよかったです！