バージョン選択

フォーラム

メニュー

オンライン状況

69 人のユーザが現在オンラインです。 (58 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 69
もっと...

サイト内検索

質問 > 管理機能 > 商品登録画面<table>のサイズ指定。

管理機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
hunterman
投稿日時: 2010/5/14 9:05
対応状況: −−−
一人前
登録日: 2010/3/14
居住地:
投稿: 78
商品登録画面<table>のサイズ指定。
[EC-CUBE] V 2.4.3
[レンタルサーバ] infitoPLUS
[OS] Windows XP
[PHP] Version 5.2.9-2
[データベース] Mysql v 5.0.83
[ブラウザ] Firfox バージョン3.6.2

商品登録画面にて、商品のサイズ等を表示するため商品詳細画面にtableで表を作成。
商品登録の際に<table><tr><td>タグを使用して、サイズ表を商品詳細画面の右側(価格やポイント欄)、に作成しました。
ですが、商品登録の際に<table width="280">などサイズを指定しても、商品詳細画面にサイズの大きさが指定できず、かなり大きなサイズで表示され、レイアウトが崩れてしまいます。widthをしていしなくても同様の大きさです。
<table class>等指定してdetail.cssにてwidth指定を試してみたのですが、反映されません。
サイズはどのように指定したらいいのでしょうか?
どなたか、アドバイスをお願い致します。
kaoring777
投稿日時: 2010/5/14 10:00
対応状況: −−−
一人前
登録日: 2009/7/28
居住地: 東京
投稿: 89
Re: 商品登録画面<table>のサイズ指定。
商品詳細ページはdiv id="undercolumn"内で、
under.cssにあるdiv#undercolumn tableが有効のようです。

import.cssでcssの読み込順とか色々ありますが(cssは一番最後に読まれた情報を優先表示します)。
divを追加して(detail.tplを編集)、表示したいテーブルをそのdiv内で表示するように設定→cssにて追加したdivに対してtable指定をしてみるとどうですか?

未検証の為、違っていたらゴメンナサイ。
hunterman
投稿日時: 2010/5/15 8:51
対応状況: −−−
一人前
登録日: 2010/3/14
居住地:
投稿: 78
Re: 商品登録画面<table>のサイズ指定。
kaoring777さん、ありがとうございます。

>divを追加して(detail.tplを編集)、表示したいテーブルをそのdiv内で表示するように設定→cssにて追加したdivに対してtable 指定をしてみるとどうですか?

試してみました。

detail.tplにて

<!--★商品情報★-->
  <!--{if $arrProduct.size2 != ""}-->
<div id="sizetable">Size:<span class="price"><!--{$arrProduct.size2|nl2br}--></span></div>
<!--{/if}-->
<div>Color:<span class="price"><!--{$arrProduct.comment1|escape}--></span></div>

div idにsizetableを指定。

under.cssにて

div.sizetable table {
width: 250px;
height:100px;
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 0px;
}

width heightを指定。

この様な感じにしてみたのですが、cssでwidthは効かず、登録画面のwidth指定が効くようになりました。ですが、 heightのサイズ指定が効きません。th td等も使用してみたのですが、同様にheightのサイズ指定が効きません。

それと、このテーブルは、商品詳細画面のライトブロック(価格やポイントなど)なのですが、ポイントの下にtableを表示する箇所があるのですが、ポイント部分からものすごくしたの方に表示されてしまいます。tabaleの下側にある関連カテゴリなども一緒に下の方にズレてレイアウトが崩れてしまします。tableを使用せず文字だけ打ち込んだ場合などには、レイアウトの崩れは見られません。

コレは、いったいどのような原因が考えられるでしょうか?
ご教授下さい。

何かcss等に根本的な間違いがあるのでしょうか?


kaoring777
投稿日時: 2010/5/18 10:07
対応状況: −−−
一人前
登録日: 2009/7/28
居住地: 東京
投稿: 89
Re: 商品登録画面<table>のサイズ指定。
引用:

huntermanさんは書きました:
それと、このテーブルは、商品詳細画面のライトブロック(価格やポイントなど)なのですが、ポイントの下にtableを表示する箇所があるのですが、ポイント部分からものすごくしたの方に表示されてしまいます。tabaleの下側にある関連カテゴリなども一緒に下の方にズレてレイアウトが崩れてしまします。tableを使用せず文字だけ打ち込んだ場合などには、レイアウトの崩れは見られません。

いわゆるカラム落ちなのですが、商品登録で登録したタグに誤りがあると思います。
ライトブロックで指定しているwidthを超えるサイズがtableで施されているのではないでしょうか?
pineray
投稿日時: 2010/5/18 10:22
対応状況: −−−
長老
登録日: 2006/9/9
居住地: 伊賀
投稿: 292
Re: 商品登録画面<table>のサイズ指定。
サイズのtableタグを入力する際、trやtdの区切りで改行されていませんでしょうか?
<!--{$arrProduct.size2|nl2br}-->
改行をbrタグに変換する指定がなされているので、本来不要な箇所に改行タグが挟まっている可能性があります。
もしそうだとしたら、入力する際に改行を入れないようにするか、もしくはnl2brの指定を外してみてください。


----------------
EC-CUBEのプラグインを公開しています!
いつも reCAPTCHA

hunterman
投稿日時: 2010/5/19 6:25
対応状況: 解決済
一人前
登録日: 2010/3/14
居住地:
投稿: 78
Re: 商品登録画面<table>のサイズ指定。
kaoring777さん、ありがとうございます。

どうも理解が足りず、複雑に説明してしまいました。

>いわゆるカラム落ちなのですが、

カラム落ちと言うのですね、勉強になります。

cssでのwidth指定ですが、ちゃんと利いていました。

<!--{$arrProduct.size2|nl2br}-->の
nl2brをはずす事で、対応出来ました。
どうも、ありがとうございました。
hunterman
投稿日時: 2010/5/19 6:27
対応状況: 解決済
一人前
登録日: 2010/3/14
居住地:
投稿: 78
Re: 商品登録画面<table>のサイズ指定。
pinerayさん、ありがとうございます。

>改行をbrタグに変換する指定がなされているので、本来不要な箇所に改行タグが挟まっている可能性があります。
もしそうだとしたら、入力する際に改行を入れないようにするか、もしくは nl2brの指定を外してみてください。

ご指摘の通り致しましたら、問題が解決いたしました。
ありがとうございました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,902名です
総投稿数は110,006件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1296
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.