• 締切済み

携帯では指定のタグを無効化するタグを探しています。

携帯では指定のタグを無効化するタグを探しています。 私のサイトではPC表示時に文章の回りに<div>タグで余白を取っているのですが、携帯で表示されると余白が多すぎて・・・。 なので携帯でのみ<div>タグを無効化させる様なタグを探しています・・・。 誰か、それっぽいのを知っているお方がいましたら是非教えて下さい。

みんなの回答

  • kuzumiHK
  • ベストアンサー率72% (132/183)
回答No.1

PC用にdivタグに指定されているスタイルを、 外部cssなら、 <link rel="stylesheet" type="text/css" href="hoge.css" media="handheld,tty" /> 内部なら、 <style type="text/css"> @media handheld,tty{ div{ /* margin:0; padding:0; など、PC用に指定された数値を打ち消す指定*/ } } </style> といったように、mediaでcssの利き目をわけるというのはどうでしょうか。 もちろんcssが効く程度のバージョンに限られますが、 divが効くということはcssも効きそうなので。 ▼参考 http://www.marguerite.jp/Nihongo/WWW/Mobile/CSS.html

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • パソコンのみで反映される余白・・・のタグ

    パソコンのみで反映される余白・・・のタグ パソコンのみで文章の回りに反映される余白のタグを探しています。 body marginやdivを使っていたのですが、これらって携帯にも反映されますよね・・・? あまり詳しくないので、誰か知っている方がいましたら教えて下さい。 ちなみに専門的なものでなくてもいいので一番使いやすいものだとありがたいです。 困ってます。よろしくお願いします。

  • 一定のタグを無効にする

    掲示板のタグについて。。。 某匿名掲示板でよく使われているレスアンカー「>>コメント番号」を導入したのですが、それ以外のリンクやタグを無効にしたいのですが、イイ方法はないでしょうか?初心者ですのでまったくわかりません… strip_tagsで許可するタグを指定するという方法があるみたいですが何を指定すればいいのか… 宜しくお願いします。

    • ベストアンサー
    • PHP
  • 『タグの無効化』は、どちらがお勧め?

    gooの簡単HPを開設しました。  いろいろなHP作成講座を検索して、 自分なりに得た知識をHP上に公表しようと思い、 『タグの無効化』と言う事を独学で勉強しています。 そこでとあるサイトに、 『タグの無効化をする時は、  【XMP】【/XMP】を使わずに、  【PRE】【/PRE】を使用した方がいい』 と言う記述を見付けましたが、 理由がわかりませんでした。 自分はここ数日間、この『タグの無効化』について、 かなりな時間を割いて検索しまくっていますが、 いまだに回答に達しておりません。 (T-T) どなたか、 『ゴク』初心者にもわかりやすいように、 解説していただければとても嬉しく思います。 ※ 文中の『【】』は、『<>』のことです。   このような表記方法をとったことについても、   また質問させていただきます。 m(_ _)m  

    • ベストアンサー
    • HTML
  • floatを適用したdiv内部にあるpタグのmarginについて

    floatを適用したdiv内部にあるpタグのmarginについて 現在HTMLとCSSを勉強している者です。 cssのmarginの挙動がいまいち理解できずに困っていたもので、 ご回答いただきたく質問させていただきました。 以下私が作ったサンプルHTMLとCSSです。 ==========HTML========== <div id="test01"> <p>Pタグで囲まれた文章です。</p> </div> <div id="test02"> <p>Pタグで囲まれた文章です。</p> </div> <div id="test03"> <p>Pタグで囲まれた文章です。</p> </div> <div id="clear"> <p>clear: bothです。</p> </div> (<body>前、</body>後省略) ==========CSS========== html, body, div { margin: 0; padding: 0;} p {margin: 10px; padding: 0;} div#test01 {background-color:#EEE; width: 900px;} div#test02 {background-color:#CCC; float: left; width: 650px;} div#test03 {background-color:#AAA; float: left; width: 250px;} div#clear {background-color:#888; clear:both; width: 900px;} 先頭に900pxのdiv(test01)、その下に二つのdiv(test02、03)をfloat:leftで並べました。 最後にclear:bothを行っております。 そして各div内に10pxのmarginを付与したpタグ文字を入力しているのですが、先頭のdivとfloat:leftを行ったdivで、marginの結果が異なってしまいました。 先頭のdivは上下に白い10pxの余白、左はtest01で指定した背景色を残したまま10pxの余白が作られ、float:leftのdivではtest02、03で指定した背景色を残したまま上下左右に10pxの余白が作られています。 このように同じ効果のpタグでも表示が異なってしまう理由は何でしょうか。 また先頭のdivの場合、上下左右に10pxの白または背景色の余白ができるのなら理解できるのですが、何故上下と左右でmargin結果が異なるのか、理由も知りたいです。 おそらくpaddingを併用すれば思った表示にはできると思うのですが、今回はこうなってしまう理由が知りたく質問させていただきました。 また私の記述方法に誤りがあればご指導いただけると助かります。 宜しくお願い申し上げます。

  • 文章を書いているのですが…。HTMLタグについてです。

    こんにちは。 私は、自分のHPで文章を書いています。 <pre>タグを使って書いていると、横にスクロールしないと読めないくらい長くなってしまって、自分で見てて見づらいな~と思っています。 色々、文章の書いてあるHPを回ってみると、ある一定の文字数で改行され、真ん中に文字のある文章を見つけて、自分もこんな風に読みやすくしたい、と思いました。ですが、タグのについて書いてあるHPを見てもどのタグがそれに該当しているのかがイマイチ理解できませんでした。(恐らくdivタグではないかと思っているのですが…) どのタグを使ってどのように指定したらよいのでしょうか? タグについて分かる方、どうか回答をお願いします。

  • PCからのアクセスと携帯からのアクセスで表示を変えるタグ

    PCからのアクセスと携帯からのアクセスとで表示を変えるタグはあるのでしょうか。PCと携帯で別のページに振り分けるのではなく、同じページを見ても表示を違うものにしたくて探しているのですが見つかりません。 ソースを あいうえお <pc>こんにちは</pc> <携帯>こんばんは</携帯> というものにして、PCからは あいうお こんにちは という表示。携帯からは あいうえお こんばんは といった表示になるようなタグを探しているのですが存在するのでしょうか。http://tool-1.net/fp.cgi←このサイトのフリーページの独自タグではそういったことができるのですがこれはどういった仕組みなのでしょうか。ご存知でしたら教えて頂きたいです。よろしくおねがいします。

    • ベストアンサー
    • HTML
  • cssのタグを教えてください

    今、外部cssファイルに初挑戦しながらWebサイトを作っています。 divで枠組みを縦4つに区切って、上から「1,2,3,4」と名前をつけたのですが、 一番上のidと二番目のidの間に余白が空きすぎています。 この余白をつめるcssのタグの書き方を教えていただけないでしょうか。 超初心者のため情報不足があれば補足させていただきます。 どうぞよろしくお願いいたします。

  • div内に文章をを書くときは、pタグで囲った方が良

    div内に文章をを書くときは、pタグで囲った方が良いのでしょうか? タダ文章を表示させるだけではなく、 「これは文章です」という意味を込めたいのなら、pタグで囲うべきですか?

    • ベストアンサー
    • HTML
  • Firefoxだと無効なのかなあ…

    自分で作ったページなんですが、スタイルシートで、 div{text-align:center;} と指定してからdivタグでセンタリングしたいところをはさんでいます。 IEで見てみると文章も画像もテーブルもきれいに全部センタリングされてるのですが、Firefoxで見てみるとテーブルだけ左に寄ってしまいます。 やっぱりきちんと <table align="center"> って指定しておかないとだめでしょうか?

  • 横長のコンテンツを含む場合のdivタグの指定方法

    教えてください。横スクロールが発生するぐらい横に長い表組みを含むページがあるのですが、 そのテーブルを包むタグがdivの場合とtableの場合で、 見え方が異なるため困っています。 サンプル01(divタグで囲むと、横スクロール時に背景色が表示されない) http://www.oreryu.sakura.ne.jp/test/test01.html サンプル02(tableタグで囲むと、横スクロール時も背景が表示される) http://www.oreryu.sakura.ne.jp/test/test02.html やりたいことは ・divタグで囲んだ場合でも、tableタグ(サンプル02)のように、 横スクロール時に背景が見えるように設定できないか。 ということです。 divのwidth 100%はウィンドウサイズに合わせるため、挙動として正しいのは理解していますが、 このような場合はtableタグを使うしか方法はないのでしょうか。 現在作成中のページで、ヘッダーとフッターが消えてしまうため、 修正を求められており困っています。 そもそも横スクロールが発生しないようにすべきという回答は不要です。 ご存知の方がいましたら教えていただけますか。よろしくお願いいたします。

    • ベストアンサー
    • HTML