2010年7月アーカイブ

Mac×DreamWeaverでウェブページ制作をしてると
IEでの表示の不具合には気づきにくい。

そんな事はしょっちゅうなのだけど今回は困った。

WindowsのIEで1ページだけ真っ白になる。
他のブラウザでは見えるし404でもない。
ひたすら真っ白。。。
私の頭も真っ白。。。


headの中身かjavascriptか?
DW任せのコーディングで詳しい知識がないだけに
チェックのしようもないときた。

少しずつ削除して様子を見るが
結局どこが原因かわからない。
時間がない。

えーい!!
該当ファイルを削除してイチからやり直す事にした。

そうして空白の新規ページを用意してから
ネット検索で原因がわかった。

「文字コード宣言より前にtitleが書いてある。」
から、だそうだ。


<title>そのばしのぎの</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

このように上下が逆になってたって事らしい。


そんなもん分かるかっ!!
サイト内3ページ全て同じ書式なのに
なぜ1ページだけ・・・・


なんであんな厄介なブラウザをまき散らすんですかね!!
ま、文法違反らしいけど。
ちっ。
リストマークを外側につけて、リスト全体(ul)のインデントを調整したい。
まずインデントを「削除」するには、

li,ul {
padding: 0;
margin: 0;
}


ブラウザによってmarginかpaddingで勝手にインデントをつけるそうなので
両方初期化。

でインデントは無くなるのだけど、そうするとリストマークが
ボックスの外に出て表示されなくなってしまうので


ul {
list-style-position: outside;
padding-left: 10px;
padding-top: 10px;
}


で調整ぃっと。


★今回つまずいたポイント
ボックスにpadeingで10pxの余白を取ったところに
上記の方法をやってみたら調整がうまく出来なかった。
当たり前か。

けどemで指定したら有効(ボックスの指定が無視?)だった。

このアーカイブについて

このページには、2010年7月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2010年6月です。

次のアーカイブは2010年9月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。