ユーザースタイルシートの限定的適用

質問

開いていただいてありがとうございます。
簡潔に申せば、ウェブブラウザ上で表示されている文章の文末がばらばらのぐちゃぐちゃで揃っていない様子がかなり我慢なりません。その許せなさについて30行ほど熱く語りたいのですが自制しておくとして、強迫性障害などを患っているため「そんなどうでもいいこと」のために「胃に穴が空くほどのストレス」を感じています。我ながら情けない話ですが……。
手っ取り早く文末をそろえる方法としましては、ユーザースタイルシートで、

* {
　　text-align:justify;
　　text-justify:inter-ideograph;
}

などを設定すればいいのですが、「text-align:center; などが上書きされてしまう」「<div align="center"> なども上書きされてしまう」ということで、レイアウトが著しく崩れてしまうという問題に直面します。
適応範囲を「p, blockquote, ... などの文章を含んでいるだろうと推測される要素」に限定することで対処しようとしたのですが、世の中には strict なんてことを考えてる人は少ないのだと思い知らされました。

なんとかしてレイアウトを著しく見出すようなことなく、行端がきっちりと揃ったステキ環境を実現させる方法はないものでしょうか？
自分で考えていても行き詰まってしまったので質問させていただきました。CSSにスクリプトを組み込めたらなあと夢を見るばかりです……。

回答No.3

noname#137826 · ベストアンサー

IEにどうしてもこだわるということであれば、Proxomitronというソフトがあるようです。
ローカルプロキシとして動作するソフトだそうで、データを手元で改変してからIEに渡す、ということだと思います。

また、ご自分でブラウザを書く気があったのであれば、それよりはるかに簡単な方法として、胃に穴が開く前に^^;他のブラウザを使うことを検討されてもよいかと思います。
例えば、Firefoxであればドメインごとに適用するユーザースタイルシートを変更可能です。Stylishというアドオンを併用すれば、ユーザースタイルシートの適用・管理が簡単になります。さらには、Greasemonkeyというアドオンを使用すれば、ユーザースクリプトの適用も可能です。(同様の機能はOperaにもあったはずです。) ここまでくれば、あらゆるページの表示を自分の意のままに変えることができるといっても過言ではありません。

もっとも、そちらにはまってしまって、すべてのページを自分の気に入るように変えなくては気がすまなくて胃に穴が開きそうになっては困りますが・・・。

お礼

お返事遅れてしまって済みません。
Proxomitronですが、現在やや体調不良につき、後日じっくりと確認させていただきたいと思います。ただ確認した限りだと要望はかなえてくれそうな感じですね。外部にはき出す情報が変わらないのでしたら、特に問題はないかな？

ブラウザに関してはSleipnirに慣れきっちゃっているので少し避けたいところではありますね。というかご指摘の通りあらゆるサイトを自分好みに改変しそうで怖いので（そんくらいの偏執狂じゃなきゃ自作ブラウザなんて考えもしないって話ですかｗ）、適度な縛りがないと駄目っす（苦笑）。
困った性格です、ほんと。

回答No.2

yambejp

>胃に穴が空くほどのストレス

大変ですね
そういう方はあえてHTMLという枠に縛られずに、pdfやフラッシュに
なさるとよろしいかと思います。
しょせんHTMLなどのマークアップランゲージではブラウザ依存はさけられません。

お礼

言葉足らずでした。せっかくアドバイスいただいたのに本当に申し訳ないです！
問題は自分で作成する場合ではなく、他人が作成したもの（それもウェブ上にアップされていて自分で編集できないもの）を自分が閲覧する場合に”限定”（＝IEしか使わないので他のブラウザはこの際無視）しています。
閲覧していて不揃いなのが気になるため、IEのユーザースタイルシート機能を用いてなんとか修正できないかどうかという意味の質問でした。

マークアップランゲージ自体は大好きというか、仕様書からなにから全部読み尽くしているようなオタクなのですが、ブラウザの機能についてはさっぱりとかいう。
いっそ自分でブラウザ作ろうかと思いましたが、設計段階で挫折しました。

P.S.
ユーザースタイルシート以外でなんとかするのは不可能と勝手に判断しただけなので、「～のプラグインを使えば大丈夫だよ」みたいな方法でも構いません。

回答No.1

yudachi_12

初めまして。

早速で申し訳ないのですが、文章中の
> 世の中には strict なんてことを考えてる人は少ないのだと思い知らされました。
という部分ですが、これは
「本来文章は<p>や<blockquote>などで囲わなくてはならないが、
それらのタグを使用せずに文章をベタ打ちしてしまう人がいるため<p>や<blockquote>のみに限定的に指定してもそれらが反映されない部分が出てくる」
ということでよろしいでしょうか？
どのような場面なのかがいまいち分かりませんが、snowizeさんが作成されたWebサイトを第三者が更新する場合があるということですよね？

では、『文章を囲むためのみのdiv』を作って、それに指定をかけるのではだめでしょうか？
で、デザイン要素（右寄せなど）はさらにdivで囲って、その囲ったdivに指定しておくとか…。

<div id="main">
　　<div class="text">
　　文章文章文章
　　<p>文章文章文章</p>
　　<blockquote>文章文章文章</blockquote>
　　</div>
</div>

#main {
　　width: 800px;
　　text-align: right;
}
.text {
　　width: 500px;
　　text-align: justify;
　　text-justify: inter-ideograph;
}

上記みたいなのではだめですか？

私も、CSSでifとかの分岐指定が出来たら楽になるなぁとか考えます。
画像の横幅の違いでCSS振り分けられたらなぁ、とか…。

お礼

言葉足らずだったため申し訳ありません。
せっかくお答えいただいたのにごめんなさい。
IEのユーザースタイルシート機能を利用して、MIXIだのなんだのといった「本来なら自分が編集できない部分」にスタイルシートを適用する場合のお話です。strict の解釈はその通りです。

ユーザースタイルシートはあくまでもスタイルシートの上書きしかできないので、HTMLを直接編集することはできません。というか神経質ゆえ、編集できるようになったら見かけるページすべてをガチガチに厳格なスタイルに書き直してますって（笑）。
損な性格です……。

P.S.
ユーザースタイルシート以外でなんとかするのは不可能と勝手に判断しただけなので、「～のプラグインを使えば大丈夫だよ」みたいな方法でも構いません。