XP上でのスタイルシートの仕組み

このQ&Aのポイント
  • XP上で使用するスタイルシートの仕組みについて説明します。
  • XP上でのクラシックスタイルとXPスタイルでのスタイルシートの違いについて解説します。
  • XP上でスタイルシートを利用する際に注意する点や留意すべきポイントについて紹介します。
回答を見る
  • ベストアンサー

XP上でのスタイルシートの仕組み

IEでスタイルシートを利用して自分用にWeb画面を作っています。 スタイルシートを利用しキチキチにTABLE/INPUT/TEXTAREAなどを指定しているのですが、 WinXPのクラシックスタイルとXPスタイルでマージンが異なるようで(個人的推測)、 クラシックスタイルで合わせて作成していましたが、意図しない折り返しなどが発生し レイアウトが崩れてしまいました。 質問1.推測では、スタイルのデフォルトがクラシックスタイルとXPスタイルで異なるのではないかと思ってはいるのですが、どのパラメータを調整すればいいかわからず、Webで検索しましたが手段が見つかりませんでした。。。きっちりスタイルを定義すれば同じレイアウトが再現できるのでしょうか?方法もしくは、 実現方法や上記現象の原因を説明しているサイトを紹介いただけると助かります。別の方法でもかまいません。何か足がかりを探しています。 質問2.クラシックスタイルとXPスタイルで両方に対応する方法は存在するのでしょうか?(JavaScriptでスタイルシートの切り替え?しかし、画面のスタイルを取得する方法があるのか疑問。。。)

質問者が選んだベストアンサー

  • ベストアンサー
  • inovia
  • ベストアンサー率45% (29/64)
回答No.1

質問1.について解答。 クラシックスタイルとルナスタイル(XP)はオブジェクトのサイズが若干違う為ずれてしまうことがあります。 プログラミングでもこのことを考慮して若干ゆとりを持たせて設計しています。 オブジェクト(INPUTなど)はWindowsが提供して描写しています。 また、Windows側で大きさの指定が出来る為デザインが可能性は十分にあります。 あまりキツキツにはせずゆとりを持たせたほうが良いでしょう。 質問2.について解答。 以上の理由によりないと思います。

gaihanbosi
質問者

お礼

ご回答ありがとうございます。 クラシックとルナスタイルの切り替え対応は厳しそうですね。 余裕のあるレイアウトで検討したいと思います。 ありがとうございました。

関連するQ&A

  • XPスタイルが消えました

    デスクトップのXPを使っています。 本日起動したら、勝手に「クラシックスタイル」に変わっていました。 「画面右クリック→プロパティ→テーマ」でXPに戻す事はできましたが、 「デザインの選択」で「クラシックスタイル」しかなく、 通常「XPスタイル」と書かれていた部分は空白になっていまして、プレビュー画面も真っ黒になっています。 動作自体はさして問題ありませんが、 XPスタイルに慣れてしまっていたのと、 急にこういうコトになったのでキモチワルイです。 どうしてなったのか、どうしたら戻せるか、ご教授いただけたら助かります! 皆様よろしくです。

  • スタイルシートレイアウトで・・

    初めまして。よろしくお願い致します。 先日、知人のHPをテーブルレイアウトからスタイルシートレイアウトで作り直しました。すると、ブラウザでは問題なく見れるのですが、 ホームページ作成ソフトの画面で見ると、大きくレイアウトが崩れています。文字の大きさなどはスタイルシートで設定したとおりです。 ちなみに、元々のHP(テーブルレイアウト)はドリームウィーバー4日本語版というもので作られており、私が作成したものではありません。それを私が、ホームページビルダー10を使って、スタイルシートレイアウトに書き直しました。 いろんなソフトで確認してみると『ビルダー10』のページ編集の画面では、レイアウトの崩れはありません。『ビルダー9』のページ編集の画面でみると右と左に回りこみを指定したのに、文字などが重なってしまいます。 また、『ドリームウィーバー4日本語版』のデザインビュー画面だと文字の大きさ以外のスタイルシートは、全く無視され大幅に崩れてしまって、回り込みなどは全く無視され、下へ下へ書き込んだHTMLソースどおりに表示されます。 『ドーリームウィーバーMX2004』だと左に回り込みを指定した部分だけが崩れて、その部分が左の最下部(フッターよりも下)になっています。 ソフトが違うから崩れるのでしょうか?それともスタイルシートの設定がおかしいのでしょうか?何から修正すればいいのかわかりません。 当方、HP歴はビルダーで1年ほどほぼ独学の初心者です。 うまく説明できなくて、申し訳ありませんがよろしくお願いします。

  • スタイルシートを利用したページレイアウト

    数年前からWEBページのレイアウトにはCSS(スタイルシート)を使用した ものが一般的になっているようですが、 自分はHTMLの知識はある程度持っているのですが、TABLEレイアウト しか経験がない為、いちからCSSを利用したページレイアウトを勉強したい と思っています。 そこで、そんな私に最適な書籍やWEBサイトがありましたら教えて いただきたいと思っています。 よろしくおねがいします。

  • スタイルシートレイアウトで

    スタイルシートで、レイアウトしてホームページをつくりました。 しかし、スタイルシートで位置を移動させて作ったせいか、下のほうにぽっこり空白ができてしまいました。 これをなくす方法というものは存在するのでしょうか?

    • ベストアンサー
    • HTML
  • スタイルシートについてです

    自分のホームページにスタイルシートで画像やテキストを位置指定してレイアウトを作っていきたいんですが、この方法で作ったページを見るためにはブラウザなどの環境が整った人でないと見れないんでしょうか?教えてください。

  • スタイルシートで三段組を作りたいのですが

    私はテキスト主体のサイトを持っているのですが、今まではテーブルを使ってレイアウトを構成してきました。 上下左右のマージンをパーセントやピクセルで指定してメインであるテキストがあるテーブルは可変というスタイルです。 数年前まではディスプレイの解像度がそれほど多様ではなかったので、これでも大丈夫だったのですが、最近の横長ディスプレイの普及のため、この方法では環境によっては横に長く表示されてしまうため、divタグを使っての段組に変えて行こうと思いました。 そこで段組のスタイルシートについて説明しているサイトなどを見てみたのですが、私がやりたいと思っているレイアウトが見つからなくて困っています。 ようは三段の段組を作りたいのですが、ボーダー壁紙を使うことが多いので左部分を空けたいのです。 A、B、Cの三段組で右に寄っているレイアウト、つまりBに720ピクセル、Cに80ピクセルの幅を持たせ、一番左のAの部分を可変にしたいのですが、これは可能ですか? 私の調べたところ、AとBを指定してCを可変にするレイアウトはあったのですが、上記のようなものは見当たりませんでした。 それともう一つ、Bの720ピクセルのボックスをページの中央にレイアウトする場合は、左右のボックスはどういう指定をすればいいのでしょうか? 上記のような段組の作り方、あるいは説明しているサイト等ありましたら、教えて下さい。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • IEの表示スタイルをXPに戻せない

    「画面のプロパティ」から表示スタイルをクラシックに変更した後、再度XPスタイルに変更してもIEで見る限り完全に戻っていないので戻し方をご存知の方は教えてください。 状況: 1つのXPパソコンに、2つのアカウントがあります。 仮にAさん、Bさんとします。 Aさんでは、「画面のプロパティ」から「テーマ」をクラシックにしたり、デスクトップの背景色を変更したりいろいろいじりました。 その後「画面のプロパティ」から「テーマ」をXPに戻しました。 IEを立ち上げてみると、ウィンドウはXPスタイルになっていましたが検索サイトに見られるようなテキスト入力欄、ボタンの形状の表示はクラシックスタイルのままです。 Bさんはインストール後、画面のプロパティをいじっていないのでウィンドウもボタンもXPスタイルのままです。 BさんでログインしてIEを立ち上げても、ウィンドウ・ボタン等ともにXPスタイルのままです。 AさんとBさんで「画面のプロパティ」の設定値は一通り確認し全て同じ値を設定してもAさんでログインしたときの表示は上記のままです。 ウィンドウにはXPスタイルが適用されますが、ボタン等には適用されないようです。 よろしくお願いします。

  • style要素について

    Webページの作成においてスタイルシートによるレイアウトしています。スタイルシートでレイアウトを指定する時<head>タグ内に記述しますが、以下を見てほしいのです。 (1) <style type="text/css"> ~~~ </style> (2) <style type="text/css"> <!-- ~~~ --> </style> (1)と(2)を比較するとどちらの記述方法が適しているのでしょうか? また、"<!--"と"-->"は無くても正しく反映されるのでしょうか? 後は、"<!--"と"-->"は本当に必要なのでしょうか? 補足)HTML4.01 Transitionalで標準準拠モードです

    • ベストアンサー
    • HTML
  • 外部スタイルシートについて

    「@rt web」というテンプレートを使いホームページ制作しようと考えていますが、そのテンプレートのスタイルシートは外部スタイルシートになっていません。 http://www.ddnj.com/product/hp/artweb/index.html これを簡単に外部スタイルシートにする方法はないものでしょうか? 簡単ではなくても外部スタイルシートに設定し直す手順を教えて頂けると助かります。 ソフトはDreamweaver4を使っています。 どうぞよろしくお願いします。

  • 画面のデザインがクラシックスタイルからXPスタイルへ勝手に変わる

    初めて質問します。 現在、「WindowsXP Professional Version 2002 Service Pack 2」 を使っております。 画面を、Windowsクラシックに変えて使っているのですが、電源ON・OFFやリセットをするなかで、何回かに1回の頻度で画面デザインがXPスタイルに戻ってしまいます。 現象に規則性が無く、XPスタイルに戻っても、電源ON・OFFやリセットを繰り返しているうちに、Windowsクラシックに戻っています。 画面のデザインをWindowsクラシック固定にするにはどのようにすれば良いのでしょうか?