CSSのtable-cellを使って、レスポンシブな段組(マルチカラム)レイアウトを簡単に作成する方法をご紹介。floatプロパティやclearfixなどのCSSハックを駆使しなくても、displayプロパティに値table-cellなどを指定するだけのシンプルなCSSソースで、段組はもっと簡単に ...

#one-true .col:nth-child(1) { margin-left: 33.3%; background: #ccc; } #one-true .col:nth-child(2) { margin-left: -66.3%; background: #eee; } #one-true .col:nth-child ...

Creating scrollable tables with fixed headers that do not scroll off the screen is tricky due to the way tables work in HTML. We use the the techniques described by Miriam Salzer here: Don’t Mess With ...

Create your own CSS fixed or fluid layouts for websites, blogs and software. The basic format for a CSS layout begins with the container settings, then the header, a horizontal navigational section, ...