はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ 150px

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 2 / 2件)
 

たった一行でclearfixを使わずにfloatを解除するテクニック : HTMLコーディングのノウハウ : HTML/XHTML、CSSコーディング最安保障~クロノドライブ~

2010/11/30 このエントリーをはてなブックマークに追加 174 users Instapaper Pocket Tweet Facebook Share Evernote Clip clearfix XHTML float overflow

.sampleBox { overflow: hidden ; } .boxLeft { float: left; width: 150px; } .boxRight { float: right; width: 150px; } サンプルページ ポイントとしては、floatする要素をdivで囲み、そのdivにoverflow: hiddenを適用させることです。たったこれだけで、floatによる... 続きを読む

[CSS]全幅960+10pxをベースに汎用的に展開するグリッドシステム | コリス

2009/02/19 このエントリーをはてなブックマークに追加 235 users Instapaper Pocket Tweet Facebook Share Evernote Clip グリッドシステム コリス マージン グリッド CSS

全幅970px(960+10px)の6カラムと12カラムのグリッドをベースにし、汎用的に展開できるように設計されたグリッドシステム「The Golden Grid」を紹介します。 The Golden Grid ベースとなる6カラムと12カラムのグリッドは、下記のようになっています。 6カラムの構成 1カラム:150px、マージン:10px 150*6+10*7=970px 12カラムの構成 1カ... 続きを読む

 
(1 - 2 / 2件)