フロートについてとか、レスポンシブで使うメモ。

フロートの解除方について

  色々な方法がありますが、 clearfixを使った解除方がスマートで一番しっくりしました。   スタイルシートでは

.clearfix:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix{
	zoom: 1; /* for IE6/7 */
}
フロートを防ぎたい親要素に付加すると フロートが解除されます。  

ポジションについて

  relativeabsoluteの関係。 relativeの中にabsoluteが入る感じです。

モバイルの検証用

  ブラウザで他機種の見栄えを確認することができる、 お役立ちサイト   http://www.responsinator.com/   該当するサイトのURLを打ち込むだけです。   注意:変更後は一度、サイト自体を再読み込みしてから、URLを入力しないと反映されません。  

ドリームウィーバーCS5の盲点

プロパティからタグの編集がしにくくなっています。 カラーとかフォントの大きさとかです。 どうしてもhtml編集したい場合は、 挿入→テキストを使うか、 直打ちします。   HTML5fontタグが非推奨になったからだそうですが…。 HTMLを自動生成するプラグインやアプリでは、 fontタグがバンバン使われているのは気のせいでしょうか?(ToT) 変わりにCSSのインラインで編集を行うようになっています。
style="値"
みたいな感じです。   閉じタグ忘れを確認したい時に使う、 バリデートがCS5では外されています。 拡張機能でバリデートを使えるようになります。 詳しくは、 http://u-618.org/archives/2011/0510_172632.html に掲載されていました。   以上、フロートについてとか、レスポンシブで使うメモでした。

こはる写真館

こはる写真館

天城スタジオフォトがギャラリー

天城スタジオフォトがギャラリー
ページの先頭へ