郡山市でホームページを制作している人のLanguid Diary。
今年も開催ですね(遅
と思って見てたら、どこかで見た名前を発見しました。
去年は驚く事があったなあそう言えば。
つか、つい先日、このコンテストについて変な話も聞いたなw
俺も応募してみようかなあ、CSS部門とかで。
コンテスト開催事務局でご用意した専用のXHTMLファイルを利用して、CSSによるカスタマイズを行っていただいた上でご応募いただきます。
との事だが、XHTMLのソースは変更しちゃいかんのかな。
例えば、divを減らしたりとか…、と思ったけど、
運営委員会がご用意しているXHTMLファイルに手を加えることなく、オリジナルのCSSと画像を利用して、自由に表現してください。
って書いてありましたね。
思うんだけど、class=”clearfix”前提ってのは、どうなんだろ。なんかその部分はfloat前提ですよみたいな感がして気になるな。id振ってるんだから、わざわざclearfixをclassで後付けしなくてもいい気もするんだけど。
divとidとclassくらいは、変更してもOKなようにしてもらいたかった―と、まだ作ってもいないのに考えても仕方がないですが。
そうだ!うちの会社でも皆にやってもらうかな!?どう?w
で、ささみ氏のスクロールについて。
<!DOCTYPE のとこに
"http://www.w3.org/TR/html4/loose.dtd"
の記述が無いと、駄目っすね。
ここの記述で、IE6でレンダリング(表示)の仕方、CSSの適用のされ方とかが変わります。
DW MXとかだと、デフォルトでは、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
までしか、自動で記述されなかったと思うので、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
まで、記述してやると大丈夫かと。
ちなみに、<!DOCTYPE …>は、「HTMLの文書型宣言」とか言って、そのhtmlファイルのタイプを宣言するものなんで、特有ではないですよ。
というか、これの記述はある意味必須です。
doctypeについては、簡単に、
ttp://verre.cside.to/table/st_table3.htm
とかで、説明されてますんで、読んでみると良いかも。
あと、winなら、
C:\Program Files\Macromedia\Dreamweaver MX\Configuration\DocumentTypes\NewDocuments
に入ってる、「default.html」のソースの
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
のところを、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
に変えて保存しとくと、新規作成のたびに書き換えなくてすむんで、お勧め。
<link rel="stylesheet" href="css/common.css" type="text/css">
とか、入れておくのも便利。
それと、default.cssに
.bold{
font-weight:bold
}
とか、自分で良く使う奴を、保存しとくのもお勧め。
macは、どれ変えれば良いのか、わかりませんがw
なんとなく、XHTMLの勉強しつつ、とあるサイトを構築している、俺。
「んだぁああああ?IEだと崩れる!?」
CSSでwidthを指定してるんだけど、幅がおかしくなっていたりなどなど、変だ。
なんなんだろと思い、調べてみる。
<?xml version="1.0" encoding=""?>
頭のXML宣言があると、IEでは後方互換モードになってしまう。doctype宣言の前になんか入ってると駄目なのか。
<?xml version="1.0"…
をカットしてみると、ほんとだ、意図した通りに表示される。
…う~ん、まあ、いいか。
22時上がりが早いと思う、俺。
どうも仕事がまわりませーん。
今日は、それなりに色々とやったのだが、とあるサイトのMac Safariでの動作検証、これ大変だった。
そのサイトは、下にメニューで上コンテンツで背景色黒って感じの構成なのだが、Safariだと、メニューをクリックしてページが切り替わる時にページが一瞬白くなる、そんな訳ワカマツな不具合が発生。というか、先方よりご指摘を頂いた。
html見直して、css見直して、html各OS、ブラウザ対応、不具合調べて、css各OS、ブラウザ対応、不具合調べて、色々とやってみた。検証するなか、css切ってみたら訳ワカマツな不具合が出ない。なんだそらー、とcss調べてみたけど、何も問題が無いっぽい。webで調べて分かった、Safariで不具合のでるスタイルシートも使っていない。
「これはSafariの仕様だ、そうに違いない、間違いない。」
と結論を出した、俺。
なんか原因とかわかる人募集。
一日に日記を何度も書けるなんて、今日はじめて知った俺ガイル。
Powered by WordPress