質問 > フロント機能 > <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>があるかどうか確認してみたらいいかもしれません。 外している可能性もかなりあるので、一つの意見として書かせていただきました。
|
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も・・・
|
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に関して
として、更に
関係なかったらごめんなさい。 |
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さまご提案の方法でも解決したことと思われます。 お手数をお掛けしました!ありがとうございます! |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |