スタイルシートいじり


 preタグの中身が右に溢れた時に、MovableTypeのデフォCSSだと表示されなくなる。
 つーか、デフォのスタイルシートはウンコだと前から思ってる。blogの導入を渋った大要因の一つだし。

 何がウンコって、横幅が絶対ピクセル数指定になってることが耐え難くウンコ。
 で、表示が溢れた時は切り落としになる設定だ。こんなんならtable使った方がマシなんじゃねーの、と思った。いや、分かってる。表じゃないのにtable使うのは邪道だし発展性も無いんですよね。ちくしょう。

 テンプレートを書き換えればtable版にも出来るんだが、XMLらしくないのはまあ分かるんで、色々試す。
 んで結局、preタグが親要素に収まらなかったらスクロール、というスタイルシートにしようとしたんだが、それやると諸々の事情によりIE様が常に縦スクロールバーをお出しになり奉るので、常時スクロールバーを出すことにした。ヘボい。

 いじってるうちにデフォ設定のカスケード構成が分かってきたので、簡単にデザインを調整してみた。
 何か、ユーザー補助のハイコントラスト機能ONみたいな画面になった。
 うーん。

 まあいいや。直せないし。

(追記)
 横幅指定も相対に修正してたのを書き忘れ。
 ブラウザ窓を割と小さめにして開いてる俺的に、横幅のピクセル数指定は嫌な思い出しか無いのだ。

(Visited 2 times, 1 visits today)

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください