18
Nov
2007
ブロック要素の高さを揃えたい
隣り合ったブロック要素の高さを揃えたいという欲求はWebデザイナーなら誰しもあると思う。
下記のような便利なJavascriptがあった。
Javascriptに頼ることにはなるが、見事に揃う。なかなか便利。
が、実はちょっとした問題があった。
該当するブロック要素内にDOMでオブジェクトが増えることによる高さの変化には対応できておらず、やがてはみ出すことに。
文字サイズの変化の監視に加えて、ボックスの高さの変化の監視も必要かな。
技量が足りずぱっとコードを書けないのが口惜しい…。
ちなみにちょっと前にCSSで高さを揃えるテクニックが出ていたが、あまりにダイナミックな手法故、実戦で使っていない。というか怖くて使えない。
Dreamweaver使い涙目なテクだし。(paddingに3万とかいう値が入るもんだから画面が果てしなく長くなる)
どっちかというと、あれは「こんなテクもあるよ」的なネタtipsだと思う。
Track back
このエントリーのトラックバックURL
- Tag Cloud
-
- (X)HTML
- Actionscript
- AdSense
- Amazon
- API
- blogパーツ
- bookmarklet
- CG
- clearfix
- cookie
- CSS
- firefox
- Firefox
- Flash
- Flex
- flicker
- gmail
- hack
- HUNTER×HUNTER
- IE
- IE6
- IE7
- IME
- iPod
- Javascript
- jQuery
- Mac
- MacBook
- mixi
- MT
- Netscape
- Opera
- QRコード
- RSS
- safari
- Second Life
- SEO
- sns
- thickbox
- tips
- TrackBack
- tumblr
- webサービス
- webデザイン
- web制作
- Web制作
- XML宣言
- はてな
- アイデア
- アクセシビリティ
- アクセス解析
- ウィジェット
- ウィルス
- エディタ
- エラー
- エンコード
- ガジェット
- タイトル
- タグ
- ツール
- デザイン
- ドラゴンボール
- ニコニコ動画
- ネタ
- バグ
- バッテリー
- フォト蔵
- フリーソフト
- ブラウザ
- プラグイン
- マウス
- メディア
- メーリングリスト
- ユーザビリティ
- リニューアル
- 不具合
- 事故
- 便利
- 冨樫
- 印刷
- 工数
- 感想
- 携帯電話
- 映画
- 検索
- 画像置換
- 考える
- 裏技
- 解決法
- 雑記
