タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

webdesignとhatenaに関するkimurasatoruのブックマーク (1)

  • はてな内の2カラムレイアウト - tikeda's blog

    最近のリニューアルなどを経て、はてなのサイトは、2カラムでブラウザサイズに合せてメインカラムが可変するレイアウトが増えてるのですがキーワードページなどメインカラムの要素が様々だったり、カラムの上下左右と柔軟性が必要な場合が多く、色々やりくりした結果、floatを使った以下の方法で定着しています。 HTML <div id="main"> <div class="box"></div> <div class="box"></div> </div> <div id="sidebar"> </div> CSS #main{ float:left; width:100%; } #sidebar{ float:left; width:250px; background:#CCC; margin-left:-260px; } .box{ margin-right:260px; }こうすると、メインカラ

    はてな内の2カラムレイアウト - tikeda's blog
  • 1