Home > Webサイト作成 > HP作成メモ

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でインライン化すると、その時々の文字の背景にのみ背景色が適用される。

関連記事:

コメント:0

コメントフォーム
Remember personal info

トラックバック:0

このエントリーのトラックバックURL
http://freaklike.net/2007/08/29/368.php/trackback
Listed below are links to weblogs that reference
HP作成メモ from FREAK LiKE .net

Home > Webサイト作成 > HP作成メモ

発売 / イベント カレンダー:12/09/17版
最近のお気に入り / オススメ
  • BOOK:12/08/15版
    • (AA)
  • アニメ:12/08/20版
  • 3D:12/08/15版

Return to page top