2006年03月25日

ブラウザごとのスタイルシート選定

いろいろなブラウザがある中で、古いインターネットエクスプローラーやネットスケープ4のスタイルシートの表示はには頭が痛くなる一方で。

だいたいスタイルシートオンリーでページを作成している人は、ネットスケープ4は読み込まないように設定しているようです。

"ブラウザごとのスタイルシート選定" の続きを読む »»
2006年07月03日

ページ全体の中央寄せ

ページの中味を全てセンタリングしたい場合です。
ちなみにこのブログもこれでセンタリングしています。

"ページ全体の中央寄せ" の続きを読む »»

リストタグの中央寄せ

リストでメニューを横に作成したものの…リスト自体を中央寄せにしたい!
そんなときはこれです。

"リストタグの中央寄せ" の続きを読む »»

画像に隙間が出来る(firefoxなど)

firefoxなどモジラ系のブラウザは、ドキュメントタイプをFull Standardモードにすると、なぜか画像の下に隙間が出来ます。
それを回避するには、画像に以下をいれてください。

"画像に隙間が出来る(firefoxなど)" の続きを読む »»
2006年07月06日

ブラウザのデフォルトスタイルを決定する

bodyやhのマージンやパディングをひとつずつ設定するのは結構面倒なもの。
最初に一括でブラウザのデフォルトスタイルを決めておくととても楽です。

"ブラウザのデフォルトスタイルを決定する" の続きを読む »»
2006年07月21日

floatしたときの注意

floatを使うと、よく思いもしない表示になったりする事があります。
特にWin IE5.0や5.5あたりは…(--,)

というわけで、floatをするときに注意点です。

"floatしたときの注意" の続きを読む »»
2006年07月22日

ボックス関連の注意

borderやpadding、margin、width、heightに関連するバグです。
覚えておかないとたまに痛い目をみます(^。^;)

"ボックス関連の注意" の続きを読む »»
2006年08月03日

floatの解除の仕方

floatを解除するのに、「clear:both;」を指定するのが一般的です。
でも「clear:both;」を指定するためにdivタグを追加するのが嫌だ…という場合は、「セレクタ:after」が便利です。

"floatの解除の仕方" の続きを読む »»

スタイルの優先順位

CSSは基本的に下に書いたものが優先されます。
イメージとしては上で書いたものが下で書いたものに上書きされる感じです。
たとえば、同じ要素に違った形でスタイルを設定してたらどうなるのでしょう?

"スタイルの優先順位" の続きを読む »»
2006年08月04日

全体を縦に中央配置

全体を横に中央配置するには、ページ全体の中央寄せで説明したように、スタイルシートで簡単に表現できるのですが、ページ全体の縦を中央寄せする場合は一苦労です(^^ゞ

"全体を縦に中央配置" の続きを読む »»
2006年08月10日

float時の表示バグ対策

flat…便利といえば便利なのですが、これを使うといろいろと問題が起きる事が…(^^ゞ
中でも解除がうまくいかないときに便利なのが以下の方法です。

"float時の表示バグ対策" の続きを読む »»
2006年08月13日

対応ブラウザのみに対応させるハック

このブラウザにだけスタイル設定を対応させたい、このブラウザ以外にスタイルを設定させたい。
そのときに便利なのがこれらのハックです。
ただし…このハックはこれからのブラウザでどうなるのかわかりませんので…できるだけ使わずに、ハックしなくても良いデザインを考えることが大切だといわれています。

"対応ブラウザのみに対応させるハック" の続きを読む »»
2006年08月15日

inputの見え方サイズの違い

書き込みが出来るinputのテキストエリアなど「size」で一見大きさを設定できるように思えますが、ブラウザによって表示される長さが違ったりします。
特にMacのサファリだと、驚くくらい長さが違って見えたりします。
※1.5倍くらいに見えるかも…(^_^;)

inputの長さを全てのブラウザで統一したい場合は、スタイルシートで長さを指定したほうが良いです。

"inputの見え方サイズの違い" の続きを読む »»
2006年12月19日

IE6 iframeに横スクロールが出る時の対処

iframeを使用したときに、なぜかスクロールが出てしまう…
そのときの対処方法です。

"IE6 iframeに横スクロールが出る時の対処" の続きを読む »»
2007年01月12日

フッターをページの一番下にいつも置く

ページの内容が短いと、フッターがページ中央などにきたりしてすごく見栄えが悪い…
ページの内容が短くてもフッターがページの一番下に表示される方法です。

"フッターをページの一番下にいつも置く" の続きを読む »»
Akasa Rira
みつけたきせき