- ベストアンサー
画像をかさねて表示させるには？
- 初めて質問させていただきます。ＨＰを手打ちで一から作っています。
- デザイン上の理由からどうしても画像の上に画像を重ねる必要があり、relative,absoluteを駆使し、なんとかできたものの、それがFireｆoxではうまく表示されない事を知りました。
- ＨＰはがちがちのtableでレイアウトしており、できれば、今更floatなど使って構造を崩したくありませんし、さらに細かなtableも組みたくありません。検索するとうまく解決できた方もおられる様だったのですが、ヒントだけで私の頭では解決できませんでした。画期的な方法があればよろしくお願いしたいと思います。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (3)
- DrFell
- ベストアンサー率55% (305/551)
>単なるコーディングの間違いで表示できないのか、 >それとも未だにFirefoxではtableの中でrelativeが >うまく働かないのかを知りたいのです。 ご自分で答えがでているのでは？ 単なるコーディングの間違いでしょう。 現に、アップされたソースではtableの中のrelativeが働いているのですから、原因は違うところにあることは、明白。組み合わせで出現するバグもありますが、それには困っている現状が確認できる最小限のソースがないと、アドバイスはでません。そして、困っていることが出現するか否かの差異を自分で探るうちに、自己解決できることも多いです。 >少々複雑なtableでレイアウトしてて、そのセルの >一角に背景（またはイメージ）を埋め込み、その上 >に色々な別の画像を配置し、表示しようとしている >わけです。 じゃあ、素直に、そのセルの背景として、背景を表示し、コンテンツとして、上のイメージを表示させれば、何の問題もないのでは？ <table border="1"> <tr> <td style="background:url(画像１)"> <img src="画像２"> </td> </tr> </table> >スキルが未熟なせいでどこがいけないのか見当がつきません。かといって全ソースを掲載するわけにもいきません。また、cell-padding,cell-specingやcssでの同様な機能をすべて無効にしてもうまく表示できないのでお手上げ状態です。 cssのｃを配慮していますか？その表へのcssの問題の箇所以外をすべて削って上手くいかないのなら、継承などの問題があるかもしれませんね。ソースがないとどうしようもないです。 >かと言って掲載したソースの簡単な表のなかではう >まく表示できるのに... だから、着目点と違う場所が間違っているのでは？ >それとできれば「この時はこうすればいいよ」みた >いなスキルがあれば助言をお願いしたいと思います。 検索するとうまく解決できた方もおられる様だったのですが、ヒントだけで私の頭では解決できませんでした。になるだけではないでしょうか。 ソースを出せばいいのでは？無理なら、近くにいる詳しい人に聞く。いなければ、プロに頼む。教室に行く。 技術的Q&Aサイトでは、的を射た質問には、的を射た答えが、わからないことがわからない質問には、無視されるか、質問がわかりませんという答えにしかなりません。意地悪をしているわけではないので、ご理解ください。＃2さんの質問には答えておられないし、ソースも出さないとなれば、Q&Aでの問題解決は困難といわざるをえないです。難しいスキルではないのですが、素直さは必要ですね。
補足
回答ありがとうございます。 う～む、聞きたい事を文章で表現するのはなかなか難しいですね。 自分で答えが出ていると言われても、素直でないと言われても結局これは↓どうなったのか 知りたかっただけなのですが・・・。 *ttp://gyauza.egoism.jp/clip/archives/2007/11/071129-tablepositionrelative/ 同じところでつまづいた人が見ていてくれればわかってもらえると思ったのですが。 現場で先輩に「ここがわかりません」と質問して、「デザインとはなんぞや」と言われても答える気はしません。プロは近くにいないし、教室に通うお金はありません。 何も聞けなかった気がします。自分で頑張ります。ありがとうございました。
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2280)
期待通りに表示されるソースを提示して、期待通り表示されないケースの修正方法を聞かれても何も答えられません。 期待通り表示できない方のソースを、補足をお願いします。
補足
ORUKA1951さん、talooさんご回答ありがとうございます。お二人は私が言ってるような経験をお持ちなのでしょうか？単なるコーディングの間違いで表示できないのか、それとも未だにFirefoxではtableの中でrelativeがうまく働かないのかを知りたいのです。 少々複雑なtableでレイアウトしてて、そのセルの一角にgimpでつくった背景（またはイメージ）を埋め込み、その上に色々な別の画像を配置し、表示しようとしているわけです。スキルが未熟なせいでどこがいけないのか見当がつきません。かといって全ソースを掲載するわけにもいきません。また、cell-padding,cell-specingやcssでの同様な機能をすべて無効にしてもうまく表示できないのでお手上げ状態です。かと言って掲載したソースの簡単な表のなかではうまく表示できるのに... 検索したサイトがいつ書かれたものかわからなかったので、最初言いましたようにFirefoxではrelativeが未だに働かないのか、それとできれば「この時はこうすればいいよ」みたいなスキルがあれば助言をお願いしたいと思います。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
frefoxの挙動が正しいです。 表でないものを、デザインのために表を使っているでしたら、そもそもの間違いです。 それを見直せば簡単です。 そもそもその画像の意味づけを含めて詳細を教えてください。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_2_thumbnail_img_sm.png)
補足
ご回答いただき、感謝しています。Ｆｉｒｅｆｏｘは最新バージョンのはずです。説明が不足していてすみません。掲載したソースは当方でもちゃんと表示でき問題ないのですが、同じ内容（のつもり）を制作中のＨＰに組み込んだらちゃんと表示できないもので...。 検索すると表示できないＦｉｒｅｆｏｘの方が正解でＩＥなどの方が特殊とありました。 知りたい事は、同じ経験をした人がいないか、また未だにこういった状態なのか、それとも今は改善されているのかということです。もうだいぶ長い間悩んでますもので...m(..)m