ガイドグループ世話人の日記

はてなダイアリーガイド

はてなダイアリーガイドの草稿置き場です。この日記へリンクはどこでもご自由にどうぞ。ガイドを作るガイドグループ参加もお気軽に*。グループに入らなくても、ガイドははてなダイアリー市民なら誰でも作成・編集できるものですのでよろしくどうぞ。

※MacOS9でInternetExplorerをお使いの方は、この日記にコメントを書き込もうとすると文字化けすることがあります。対処方法はこちらをご覧ください。

 | 

2005-01-04

「とほほのWWW入門」さんのサーバー移転

私がよく「スタイルシート入門」で参照先にさせて頂いている「とほほのWWW入門」さんですが、サーバー移転されてました。

うちの日記上と「CSSセレクタ」では対応しました(と思います)が、デッドリンクにお気づきの際は、変更・ご指摘頂けると幸いです。

この件はこれまた「教えてはてなダイアリー」でよく参照先にさせて頂いている、土屋さんの

はてなCSSデザイン便利リンクhttp://d.hatena.ne.jp/chepooka/20040000

にもリンク先変更していただきたいのでトラックバックです。どうかどうかお願いいたします。

(追記:さっそくの対応ありがとうございました!)

MacIEでoverflowの値がvisible以外のときのバグ

id:yukattiさんの所で「pre」に指定された「overflow : auto ;」のスタイルですが、MacIE(OS9環境)では"html, heading, p, pre, dl, blockquote, form, address の各要素にoverflowプロパティを指定すると内容がすべて消えます"(http://cssbug.at.infoseek.co.jp/detail/macie/b013.html)というひっどいバグがありまして、内容が見えなくなります。

私もOS9IEを使っていた頃は、なんとなく意味がわからないページに出くわすことに慣れきっていたので、こういうサイトに当たってもずーっと気づきませんでした(原因を知ったのは今日です)

ガイド関連ですと読めないのはちょっと致命的なので、スタイルの消去か、「MacInternet Explorer 5 の CSS バグと回避方法(http://cgi2.html.ne.jp/~n_1_2_3/ie5cssbugsj.html)」の方法などでハックお願いできませんでしょうか。

pre {
	background-color: #e7ebff;
	padding: 8px;
	overflow : visible;
	word-break: break-all;
}
/*以下、MacIE以外のブラウザ用\*/
pre {
	overflow : auto;
}
/**/

で、できました。

(※『\』の文字が『¥』に見えるブラウザ用補足) うちのMacOSX)では『\*/』の『\』が¥(円記号)のように表示されるのですが、ASCII文字コードでは「バックスラッシュ」です。Macでは半角(英数)の「optionキー + ¥キー」で打てるんじゃないかと思います。→確かめ方:数値文字参照変換スクリプトで「10進数html数値文字参照」をしたときに、¥(円記号)は『¥』になりますが、\(実はバックスラッシュ)は『\』に変換されます。

yukattiyukatti2005/01/04 08:24めんどいのでpreの指定は消去しました。

sugiosugio2005/01/04 08:25そうですか、対応ありがとうございます。

 | 

ホームページ制作