良くあるトラブル

文法関係

段組が崩れる

Widthが100%になるように指定してるのに崩れる

ＩＥのバク（内容に応じてボックスの大きさが変化する）のせいで段組が崩れることがあります。widthの合計を95%位に抑えれば大丈夫です

preを使うと崩れる

仕様です。というか当たり前です。蛇足ですが整形済みテキスト以外の普通の文章でPreを使うのはやめましょう。

よくある細かいミス

半角でなくて全角でソースを一部かいてしまって失敗

全角スペースをいれて失敗

メモ帳じゃなくて専用ソフトとか使えばこの辺は楽にできるようです。

謎の隙間の恐怖

指定してもいないのに何故か隙間ができてしまう

ブラウザの仕様のようです。これは*{padding:0px; margin:0px;}で対応できしました。

画像のリンクに青色のボーダーが！

これはimg{border:0px;}で対応をすることができました

画像の下に透き間ができる

img{vertical-align:bottom;}で大丈夫です

文字がはみ出る

英字や記号を　aaaaaaaaaaaaaaaaaa･･････　とやると１単語と見なされて改行されません

display:blockでLIを記述をすると謎の隙間ができる

これはIEのバグだと思います。Liなどの記述をする時は改行をせずに詰めることにより改善されます

Width100%なのに横スクロールバーが出る

背景に色をつけたり各部分のパーツを削除していって一々確認していくしかありません。

よくある原因

border:1pxなどと指定をしている

border-top:1px
border-bottom:1pxに変更

padding:1pxなどと指定をしている

0pxにすれば大丈夫

IEだとキチンと表示されるのにFirefoxやoperaだと・・・

IEは内容物に応じてボックスを為に、キチンと表示されているだけであるということがあります。例えばFirefox等でborderなどの線の指定がうまくいかないのは、サイズの指定をしていない為であるということが屡屡あります。高さや横の幅を指定することにより改善されます。

Firefox等でメニュー（リスト）がキチンと区切られない

なんでですかねぇ

ボックスがなんか変

ボックスの背景に色をつけると、どのような状態になっているのかわかるのでおすすめです

運営関係

ディレクトリ構成が面倒臭い

普段の整理力がものをいいます。一応ImageファイルやＣＳＳファイルは一カ所にまとめておくと便利です。またカテゴリー分けに関してはにちゃんねるが結構やくにたったりします。

あと個人的にはディレクトリの名前は短い方が好きです。

メニュー管理が面倒臭い

ファイルが増えるごとに全てのhtmlの該当部分のメニューに一々追加するのが面倒臭いというのはよくあることです。

もしPHPが使える環境にあるならば<?php include("usa.txt"); ?>とソースに記述すれば同一ディレクトリにあるusa.txtを自動的に読み出してくれます。こうするとusa.txtを変更するだけでそれを含むhtmlの全てのメニューが更新できます。ただ.しその場合はhtaccessに下記の記述する必要があります。

AddType application/x-httpd-php .php .htm .html

また自分のパソコンもphpを使える状態にする必要があります。

他にオーサリングツール（ソフトウェア）で一括管理する方法もあります。使ったことがないのでわかりませんが。

｜WEB｜