• はてなブックマーク
  • 暮らし
  • [CSS]クロスブラウザ対応、高さの異なるカラムを揃えるスタイルシート | コリス
  • Twitterでシェア
  • Facebookでシェア

[CSS]クロスブラウザ対応、高さの異なるカラムを揃えるスタイルシート | コリス

暮らし カテゴリーの変更を依頼 記事元:coliss.com
適切な情報に変更
493users がブックマーク コメント 31

    記事へのコメント31件

    • 注目コメント
    • 新着コメント
    Leiu
    こんなのみるとCSSの使えなさがよくわかる

    その他
    pyawk
    HTMLで、本来並列であるべき要素が入れ子関係になってるのが個人的に気に入らないかなあ

    その他
    ow_ukeguchi
    高さの違う要素を揃える

    その他
    Yum112
    あとでじっくり読む

    その他
    miso30
    高さを揃える

    その他
    hiddy216
    ありがとうございますッ！

    その他
    kororororo
    たとえば3カラムでそれぞれ高さが違ってもしっかり揃える方法です。

    その他
    take-june
    これいつもわすれる・・・

    その他
    pipooh
    css

    その他
    webbingstudio
    position:relativeを使うのね。なるほど…ただ、これは臨機応変であり、ほとんどの状況はrepeat-yの背景画像でもテーブルでも良いと思う

    その他
    shin-go
    これいつも苦しむんだよなあ

    その他
    vanish_l2
    CSSの仕様でなんとかできないもんだろうか。「高さを揃える場合は="upline"」とかあればいいのに・

    その他
    night_hike
    「仕組みはカラムごとにdivを用意し、それぞれをずらして配置」

    その他
    billy-elliot
    "[css][webdesign][background][layout]"

    その他
    sankaseki
    [CSS]クロスブラウザ対応、高さの異なるカラムを揃えるスタイルシート | コリス

    その他
    boyasan
    恐らく使うことはないが

    その他
    toaruR
    ストレッチじゃなければ、コンテナに背景画像入れちゃうけどね。

    その他
    pyawk
    pyawk HTMLで、本来並列であるべき要素が入れ子関係になってるのが個人的に気に入らないかなあ

    2008/10/31 リンク

    その他
    adsty
    カラムごとにdivを用意し、それぞれをずらして配置する仕組み。

    その他
    kiraraberry
    "[web制作][css]"

    その他
    Molokheiya
    これは結構実用的じゃないかなー

    その他
    akkun_choi
    ページ内リンクでの要素消失にも対応

    その他
    suksuk
    高さが揃わないとつらいので、これは便利。

    その他
    Leiu
    Leiu こんなのみるとCSSの使えなさがよくわかる

    2008/10/30 リンク

    その他
    ghostbass
    ここまでしてやる意味あるか？tableでいいやん。もしくは巨大なマージンとパディングの組み合わせ

    その他
    yoiIT
    あのとき知っていれば・・・

    その他
    sst
    カラム数分の入れ子ボックスが別途必要

    その他
    longroof
    【Web】CSS

    その他
    chaws2004
    へー

    その他
    ikasamaH
    なるほど。

    その他
    rikuo
    無駄にdiv要素が増えるのが難点か。でも、よさげ。[あとで検証する]

    その他
    WebDesignScrach
    とりあえず

    その他

    注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

    アプリのスクリーンショット
    いまの話題をアプリでチェック！
    • バナー広告なし
    • ミュート機能あり
    • ダークモード搭載
    アプリをダウンロード

    関連記事

    [CSS]クロスブラウザ対応、高さの異なるカラムを揃えるスタイルシート | コリス

    Matthew James Taylorのエントリーから、高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを...

    ブックマークしたユーザー

    • qiobxdoip2018/12/18 qiobxdoip
    • yuyu_yukky2014/02/11 yuyu_yukky
    • webKen2013/08/22 webKen
    • ow_ukeguchi2013/06/13 ow_ukeguchi
    • kana3212013/04/02 kana321
    • beth3212013/04/02 beth321
    • roppara2013/03/13 roppara
    • NEPPIE2013/01/15 NEPPIE
    • rskmt3462012/09/26 rskmt346
    • K-Taro2012/09/14 K-Taro
    • ms09242012/06/27 ms0924
    • Yum1122011/11/17 Yum112
    • S_W_D2011/09/28 S_W_D
    • miso302011/05/08 miso30
    • mypacecreator2011/05/02 mypacecreator
    • macco3jp2011/03/04 macco3jp
    • acek19782011/02/28 acek1978
    • vitro2010/12/08 vitro
    すべてのユーザーの
    詳細を表示します

    同じサイトの新着

    同じサイトの新着をもっと読む

    いま人気の記事

    いま人気の記事をもっと読む

    いま人気の記事 - 暮らし

    いま人気の記事 - 暮らしをもっと読む

    新着記事 - 暮らし

    新着記事 - 暮らしをもっと読む

    同時期にブックマークされた記事

    いま人気の記事 - 企業メディア

    企業メディアをもっと読む

    はてなブックマーク

    公式Twitter

    はてなのサービス

    • App Storeからダウンロード
    • Google Playで手に入れよう
    Copyright © 2005-2026 Hatena. All Rights Reserved.