HP作成メモ

＞＞CSS
＞position

＞width、height

＞レイアウト
・ボックスサイズより大きい半角英字の長文について
FFだとボックスサイズは固定で、文字がはみ出す。
IEだとボックスサイズが指定した値よりも大きくなり、floatによるレイアウトだとレイアウトが崩れる。

・positionを使ったレイアウト - 縦方向にボックスを積み重ねる場合
positionでrelative、absoluteを指定しているとき、heightで単位数値を指定しないと、上下のボックスは重なってしまう。

・ナビゲーションデザイン - DIVのボックス（中身なし、もしくはテキスト）にaをつけてリンクはる場合
IEではリンクは有効にならない。FFではOK（ボックスのサイズ分のリンクが有効）。

・bodyにposition属性つけると、その中身の幅が固定される（mozziraにて確認、ieは適用されず）
→bodyにpositionつけてたら、その下のheaderのbg（横リピート）がコンテンツサイズで固定された。bodyのposition解いたらリピートが効くようになった。

・インライン要素（a）にpaddingつけても、折り返しにインデントは発生しない。折り返し含めてインデントつけたい場合は、ボックス要素を用意する。

・自由に字数が変化する文字列にbg-colorをつけたい場合は、pなどのボックスでは包含ブロックいっぱいにwidthが広がる。display:inlineでインライン化すると、その時々の文字の背景にのみ背景色が適用される。

Comments:0

TrackBack URL for this entry: http://freaklike.net/common/program/MT-3.35-ja/mt-tb.cgi/788
Listed below are links to weblogs that reference: HP作成メモ from FREAK LiKE .net - BLOG

Categories

Archives

Search

Feeds