[B! css] higa1234のブックマーク

-float(フロート)を解除する3つの方法-Whisper | Diary

フロートによる回り込みを解除するフロートを利用してボックスを配置すると、意図しない要素が回り込みしてしまうことがあります。フロートとは、『フロートを適応した指定された要素を通常の流れから取り除き、左または右に寄せて配置するをさせる機能』のことです。また通常の流れから取り除くということは、親要素が高さを持っていない場合、子の高さ(height)によって高さを維持していた親の高さ(height)は失われます。つまり子に対してフロートを適応すると親の高さが０になり、よく問題として挙げられる『背景がなくなる』といったことが起こるわけです。その為、フロートを適応したら、解除の設定をする必要があります。ここでは３タイプの解除の方法を載せてみます。 ■ 元の状態 floatを適用する前の状態です。 - XHTML - ■ contentsにfloatを適応する div id="conte

higa1234 2013/04/19

フロートの解除、3番が良かった。

リンク

http://depthcode.com/

higa1234 2011/01/14

技術系、知り合いさんのところ

ajax
css

リンク

CSS Tools: Reset CSS

The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here a

higa1234 2010/06/14

ブラウザのデフォルトスタイルを全部書き換えるリセット用CSS

css

リンク

見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式

ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。見出し(Headline)のサンプル集色やボーダーサイズ等の装飾部分はお好みで編集してください。見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor

higa1234 2010/06/14

リンク

長い文字列が続いて文字がはみ出してしまうのを防止するCSS:phpspot開発日誌

Wrapping Long URLs and Text Content with CSS ? Perishable Press 長い文字列が続いて文字がはみ出してしまうのを防止するCSSが公開されてます。 CSS2/3, Opera4-7, Mozilla, IE5+ 用にクロスブラウザで動作するようにCSS例が示されていて参考になります。通常だと文字がはみ出してしまうのを、はみ出さないようにしてくれるCSSです。ハミ出しを防いでくれます。対応したつもりが実は特定ブラウザだけっていうことがよくありそうなこの現象、この対策で簡単に対応出来そうです。関連エントリ JavaScript使ってないのに使ってる風のピュアCSSなテクニック集便利なＣＳＳテクニック３０選 CSSリストに関する5つのテクニック集