CSS: 2005年6月アーカイブ

現在(2005/06/30)の MovableType 用のテンプレートは Dr.Blog 様で配布している物を利用させて頂いている。
青と白と黒の組み合わせが好みに合っていてかっこいいのだ。
不満は LI 要素内のインライン要素がセンタリングされてしまう点。
箇条書きがセンタリングされるのは見辛い、と思うのだ。

まずは文章構造は確認。
Netscape 付属の Composer で見るとこうなっている。

本文に当たる構造は以下のようになっている事が分かる。 body > div#container > table > tr > td > div#center > div#content > p

次に該当箇所の CSS を確認。

#center
{
	float: left;
	text-align: center;
	width: 500px;
	overflow: hidden;
}

そのまんま、text-align: center; が子要素に継承されていた様子。
そして P 要素など、その都度 text-align: left; とされている。
ぱっと見、デフォルトでセンタリングされている箇所はヘッディングとテーブルのキャプションぐらいな物だが、何か隠された意図があるのかしら…。

この箇所をコメントアウトし、ついでに気になる部分も修正して今回は終了。

このアーカイブについて

このページには、2005年6月以降に書かれたブログ記事のうちCSSカテゴリに属しているものが含まれています。

次のアーカイブはCSS: 2005年7月です。

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

Powered by Movable Type 4.12