バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > <div id="container">内の背景色が変わらない。

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
shushu
投稿日時: 2010/11/11 21:23
対応状況: −−−
新米
登録日: 2010/11/11
居住地: 京都府
投稿: 5
<div id="container">内の背景色が変わらない。
こんにちは。今日インストールを行い、デザインのカスタマイズに1日取り組んでいます。
かなりのところまで進んだのですが、背景色を変えるところでつまづいてしましました。

data/Smarty/templates/defaultの「site_main.tpl」で<div id="container"></div>の内側にもう一つ<div id="container_in"></div>を作り、背景色が一色ではなく、<div id="container"></div>の背景色で縁取りをするような形でデザインをしました。
(※user_data/packages/default/cssの「main.css」にて。)

しかし、どうやっても"container"と"container_in"の背景色が分かれません。
ただ、カートの表示ページではキレイに反映していのです。トップページやその他の商品ページではまったく変化がありません。
操作自体が間違っているのでしょうか。。

お手数ですが、教えていただければ大変助かります。どうぞ宜しくお願いいたします。
flealog
投稿日時: 2010/11/11 23:46
対応状況: −−−
仙人
登録日: 2008/6/10
居住地:
投稿: 485
Re: <div id="container">内の背景色が変わらない。
以前、管理画面から編集した事はありませんか?
管理画面から編集した事があるのでしたら、 /data/Smarty/templates/default ではなく /html/user_data/packages/default にあるtplファイルを弄らないといけなくなります。

ページのソースで<div id="container_in"></div>があるかどうか確認してみたらいいかもしれません。

外している可能性もかなりあるので、一つの意見として書かせていただきました。


----------------
EC-CUBE3っぽいテンプレート
GitHub で公開中
https://github.com/bluestylejp

お問い合わせ番号CSV登録&メール送信プラグイン
http://urx.red/qDT6

shushu
投稿日時: 2010/11/12 0:07
対応状況: −−−
新米
登録日: 2010/11/11
居住地: 京都府
投稿: 5
Re: <div id="container">内の背景色が変わらない。
flealogさま

お返事ありがとうございます。

>/html/user_data/packages/default にあるtplファイル
ここは見てみたのですが、tplファイルは「footer.tpl」と「header.tpl」しか存在しないのですが、本来はここに「site_main.tpl」が存在するはずなのでしょうか?
flealog
投稿日時: 2010/11/12 0:31
対応状況: −−−
仙人
登録日: 2008/6/10
居住地:
投稿: 485
Re: <div id="container">内の背景色が変わらない。
う〜ん。。。
外れている様ですね。

それでしたら、main.cssに記載した内容をここにに載せた方が早いかも知れません。
それと、掲載できるなら問題のURLも・・・


----------------
EC-CUBE3っぽいテンプレート
GitHub で公開中
https://github.com/bluestylejp

お問い合わせ番号CSV登録&メール送信プラグイン
http://urx.red/qDT6

shushu
投稿日時: 2010/11/12 1:24
対応状況: −−−
新米
登録日: 2010/11/11
居住地: 京都府
投稿: 5
Re: <div id="container">内の背景色が変わらない。
flealogさま

お返事ありがとうございます。
一度、お言葉に甘えて、main.cssの内容を書いて投稿したのですが、本日職場からサイトを見てみると、正しく表示されていました。

どうもブラウザ間の表示の違いによるものみたいです。自分はFirefox3.6とIE8で見ており、ブラウザによる表示の違いがあることは認識してました(以前もIE6だけレイアウトが崩れるということがありました)が、背景色が反映しないということについてはブラウザによる違いがあるとは考えてもみませんでした。

再度自ら検証してみます。どうもありがとうございました。
またどうぞ宜しくお願いいたします。
bkmrk2009
投稿日時: 2010/11/12 20:36
対応状況: −−−
常連
登録日: 2009/7/26
居住地:
投稿: 67
Re: <div id="container">内の背景色が変わらない。
横からスイマセン。
終わった話かもしれませんが、ちょっと気になったので、
dreamweaverでゴリゴリいじってみました。
私のところでは、下記でfirefox3.6, IE7共に上手く表示できているような感じです。
main.cssの container, container_inに関して

div#container {
	width: 863px;
	background-color: #585858;
	border-left: #ff9bef outset 2px;
	border-right: #ff9bef inset 2px;
	padding-bottom: 15px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#container_in {
	width: 829px;
	background-color: #f9ffd3;
	position: relative;
	top: 15px;
	margin-right: auto;
	margin-left: auto;
	bottom: 15px;
	clear: both;
}


として、更に

<div id="loginarea">
    :
</div>
<br style="clear:both" />


関係なかったらごめんなさい。
shushu
投稿日時: 2010/11/12 20:37
対応状況: −−−
新米
登録日: 2010/11/11
居住地: 京都府
投稿: 5
Re: <div id="container">内の背景色が変わらない。<<解決しました>>
flealogさま

本件、解決しました。
非常にお恥かしいのですが、main.cssの#containerの記述の後に次のような記述があったのです。

#container:after {/* firefox背景色表示用 */
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

これをほぼ無視しておりまして。。。
#container_in:afterでも同じ記述をコピーして作成して#container_inの下に置いてみたところ、あっさり解決しました。IE8もこれで解決しました。

当方の見落としというか、思い込みでどこかが記述が間違っているのだ、と思っていました。
お騒がせ致しました。

shushu
投稿日時: 2010/11/12 20:43
対応状況: −−−
新米
登録日: 2010/11/11
居住地: 京都府
投稿: 5
Re: <div id="container">内の背景色が変わらない。
bkmrk2009さま

お返事ありがとうございます!
ご投稿の内容を確認する前に解決してしまいました。お時間をとっていただいて誠にありがとうございました。そして申し訳ありませんでした。

/* firefox背景色表示用 */というような記述が目の前にあるのに無視してました^^;
おそらくbkmrk2009さまご提案の方法でも解決したことと思われます。

お手数をお掛けしました!ありがとうございます!
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は90,232名です
総投稿数は110,341件です

投稿数ランキング

1
seasoft
7369
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1686
8
red
1571
9
mcontact
1354
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.