CSS・スタイルシート.jpについて

スタイルシート (Style Sheet)とは、HTMLやXMLに代表されるWeb文書の表示やレイアウト、デザインなどを定義するための概念です。
CSS(Cascading Style Sheets=カスケーディング スタイルシート)とは、WebサイトのデザインとレイアウトをHTMLを分けて書くことです。 方法としてはHTML内に直接記述していく方法と外部ファイルを読み込むという2つの方法があります。
これらはウェブの標準化団体W3CR(World Wide Web Consortium)によって勧告され、 HTMLで記述された文書にレイアウトスタイルを定義するためのマークアップ言語のことです。
CSS・スタイルシート.jpはこのCSS、スタイルシートに関する情報を集め、ホームページ制作・コーディングの際に少しでもご活用いただけるサイトにしていければと考えています。

ページ紹介|IE6でflaotした最後の要素だけが繰返す現象の回避法

いつものようにdivのボックス要素をfloatして繰り返すという形でCSSを設定していたところ、
IE6のみ最後のボックス要素が繰り返す現象が発生。
静的要素でかつHTMLソース上は要素が複数なわけでもなく、
IE6だけ最後の1つのボックス要素がループしているかのように表示されていました。

Movable typeに組み込んでいたので、
テンプレートを修正したり、Javascriptを外してみたりしましたが、
それが原因ではなく、意外なところにありました。

ページ紹介|Firefoxで長い半角文字列が折り返されない(改行されない)現象の回避法

IEで長い半角文字列の文章を折り返したい場合、
「word-break:break-all」
を指定して折り返すようにしますが、
Firefoxの場合は対応していなかったので、
JSを使ったりという対応をしていました。

ですが以下のコードで、
Firefoxで長い半角文字列が折り返されない(改行されない)現象を
回避することができます。


word-wrap: break-word;

ページ紹介|Media Queriesで振り分けた表示を確認できるオンラインツール「Simple Media Queries Tester」

Simple%20Media%20Queries%20Tester_1321410203888.png

Simple Media Queries Testerは、
CSS3のMedia QueriesでCSSを振り分けた場合の
表示結果をサイズ別に確認できるオンラインツールです。

正当なCSSです!