見せたくない部分を隠すには

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: 常磐 : 2005/11/18 03:33
現在、携帯とPC両方で見られるHPを作っているのですが、そこのサーバーの関係で携帯で表示するスペースはPCにも表示されてしまいます。
携帯で表示する部分はPCで表示する部分の下に表示されてしまうので、その部分を隠したいのですが、PC表示画面で使用しているテーブルをそこに被せて隠すようなことは出来ないものかと思い、質問してみました。
被せて隠す以外に見えなくする方法がないようなのです。
テーブルを改行させないようにする方法・被せて文字を見せないようにする方法がありましたら、どうか教えて下さい。
サーバーの問い合わせに質問したり、此方のサイト様も一通り目を通したのですが、解決出来ないでおります。
どうぞ、よろしくお願い致します。

1   名前: Pid : 2005/11/18 03:33
いまいち状況が分からないので,実際のページもしくはソースを拝見するのが手っ取り早いのですが。


> PC表示画面で使用しているテーブルをそこに被せて隠すようなことは出来ないものか

その辺はスタイルシートでいくらでもやりようはありますが,PC でもスタイルシート非適用な環境はたくさんありますし…。

2   名前: 常磐 : 2005/11/18 03:33  [URL
ご回答頂き、ありがとうございました。

上手く説明出来ずに申し訳ありません。
まだ作りかけなもので、お見苦しいでしょうがサイトのURLをのせておきますので、アドバイスの方頂けましたら幸いです。
よろしくお願い致します。

3   名前: 愛浦憂馬 : 2005/11/18 03:33  [URL
PCと携帯の振り分け
http://tech.bayashi.net/pdmemo/pckt.html
はどうですか??

4   名前: 愛浦憂馬 : 2005/11/18 03:33  [URL
display:none
http://www.google.co.jp/search?hl=ja&q=display+none&lr=
とか

5   名前: 常磐 : 2005/11/18 03:33
愛浦様、アドバイスありがとうございました。
一通り拝見させて頂いたのですが、やはり最初に書きましたように、方法があるのならテーブルを被せて隠す方法を取りたいと考えております。

アドバイス頂きまして、本当に幸いに思います。ありがとうございました。

6   名前: Pid : 2005/11/18 03:33
亀レスで申し訳ありませんが,

まず,http://openlab.ring.gr.jp/k16/htmllint/htmllint.html すればお分かりのように,HTML が相当アレな状態ですから,いっそサービスを乗り換えることも視野に入れた方が良いかと思われます。

私は >>4 の { display: none; } は良い方法だと思うのですが,いずれにせよ PC 用エリアと携帯用エリアにそれぞれ div をかぶせることが必要になります。table を移動させるのであれば,PC 用エリアの div には { z-index: 100; },携帯用エリアの div には { position: absolute; top: 0; z-index: -100; } とでもすれば良いでしょう。

一覧へ戻る