CSS 改行
改行のCSS
- white-space
改行・半角スペース・タブの扱いを指定するプロパティ- normal
デフォルト。
連続した改行・半角スペース・タブ＝一つの半角スペースにまとめられる。
幅いっぱいになると自動改行が入る。 - nowrap
自動的に改行しない。
連続した改行・半角スペース・タブ＝一つの半角スペースにまとめられる。
自動改行は入らず、はみ出た部分は横スクロールなどで表示。 - pre
そのままの形で表示。
連続した改行・半角スペース・タブ＝そのままの形で表示。
自動改行は入らず、はみ出た部分は横スクロールなどで表示。
※IE互換モード・・・pre指定は機能しない。
- normal
- word-break
CSS3の草案。IEが独自に採用
文の改行の仕方について指定するプロパティ- normal
デフォルト。
英語・・・単語の途中では改行せず、単語の切れ目で改行。
日本語・中国語・韓国語等・・・表示範囲に合わせて改行。
単語の途中で改行されることもある。 - break-all
言語に関係なく表示幅にあわせて改行。
単語の途中で改行されることもある。 - keep-all
言語に関係なく単語の途中では改行されない。
単語の切れ目で改行。
- normal
- word-wrap
CSS3の草案。IEが独自に採用
表示幅に収まらない単語がある場合、単語の途中で改行
するかどうかを指定。- normal
デフォルト。
単語の途中で改行しない。
必要に応じ表示幅を拡大する。 - break-word
表示幅に収まらない単語がある場合、単語の途中でも改行。
- normal
新Faviconを設置
今回PNG画像を無理やり.icoにしたものではなく、Iconファイルを作ったのでIEでも表示されるだろうと少しワクワク。
FC2ブログでは、faviconファイルをルート直下におけないので、いつもどおり<head></head>内に、
と、favicon.icoファイルをアップロードしたところにリンクをはる。
少しWin Iconファイルのファビコンについて調べてみたところ(参考：Wikipedia「Favicon」)、MIMEタイプ(IANAのvnd.microsoft.iconについてはココ)を指定してやるようなので、その後に追加して
とする。
変更後、まずIE6で見てみたけど。。。
表示されない！！
おかしいと思って履歴やキャッシュを削除してからもう一度トライしたけど、現れない！
必死に認識させようと、アドレスバーのアドレスの左のIEマークを少し下にドラッグしては戻して再読み込み。
２〜３度こうやってあがいていると、やっと表示されました。
お気に入りでもちゃんと表示されてるし、何とか成功かな？
その後 IE7でも確認しました。
とりあえず、無事終了！
FC2ブログでは、faviconファイルをルート直下におけないので、いつもどおり<head></head>内に、
<link rel="SHORTCUT ICON" href="http://○○/○○/favicon.ico"/ >
と、favicon.icoファイルをアップロードしたところにリンクをはる。
少しWin Iconファイルのファビコンについて調べてみたところ(参考：Wikipedia「Favicon」)、MIMEタイプ(IANAのvnd.microsoft.iconについてはココ)を指定してやるようなので、その後に追加して
<link rel="SHORTCUT ICON" href="http://○○/○○/favicon.ico" type="image/x-icon" />
とする。
変更後、まずIE6で見てみたけど。。。
表示されない！！
おかしいと思って履歴やキャッシュを削除してからもう一度トライしたけど、現れない！
必死に認識させようと、アドレスバーのアドレスの左のIEマークを少し下にドラッグしては戻して再読み込み。
２〜３度こうやってあがいていると、やっと表示されました。
お気に入りでもちゃんと表示されてるし、何とか成功かな？
その後 IE7でも確認しました。
とりあえず、無事終了！
Conditional comments -IE独自-
Conditional commentsというInternetExplorerの独自拡張を発見したので,JavaScriptを使わずにCSSファイルをブラウザによって振り分けてみようかと。
と言ってもJavaScriptのように各ブラウザで細かく分けるのではなく、IE5以降のバージョンと他のブラウザを分けるというものですが。
私の場合 とりあえずIE6でのCSSレイアウトを他のブラウザ用のCSSファイルから隔離したかったので、IE6用のCSSファイルを新たに作ってこれで振り分けてみようかなと思ってます。
IEの独自拡張。。あんまり使いたくはないけれど、とりあえずの策として。。。
でも、IE6用のCSSファイルをまだ作ってないので実際にはできてませんが。
Conditional commentsの覚え書き。
と言ってもJavaScriptのように各ブラウザで細かく分けるのではなく、IE5以降のバージョンと他のブラウザを分けるというものですが。
私の場合 とりあえずIE6でのCSSレイアウトを他のブラウザ用のCSSファイルから隔離したかったので、IE6用のCSSファイルを新たに作ってこれで振り分けてみようかなと思ってます。
IEの独自拡張。。あんまり使いたくはないけれど、とりあえずの策として。。。
でも、IE6用のCSSファイルをまだ作ってないので実際にはできてませんが。
Conditional commentsの覚え書き。
swfをxhtmlに。
初めてwinで見てみたところ問題が。。。。
Firefoxでは問題なく表示できたけれど、InternetExplorer7で見てみると、せっかく作った時計のムービーが表示されず。
時計があるべきところに枠線が表示され ”アクティブにするにはクリックを”みたいなメッセージがでたのでやってみると、
「ムービーがロードできません。」
とかいう悲しいメッセージが出た。
flash playerの新しいのもダウンロードしてるのに おかしいなあと思って もう一度ソースを確認。
プラス 覚え書き。
Firefoxでは問題なく表示できたけれど、InternetExplorer7で見てみると、せっかく作った時計のムービーが表示されず。
時計があるべきところに枠線が表示され ”アクティブにするにはクリックを”みたいなメッセージがでたのでやってみると、
「ムービーがロードできません。」
とかいう悲しいメッセージが出た。
flash playerの新しいのもダウンロードしてるのに おかしいなあと思って もう一度ソースを確認。
プラス 覚え書き。
レイアウト
ブログのデザインを変えてみました。
。。が、ＣＳＳ勉強中のためまだまだです。
これからちょこちょこいじっていこうと思ってます。
見ずらい部分とか 崩れてるところとかあると思います(-_-;)
![[Valid RSS]](http://blog-imgs-23.fc2.com/c/u/r/curiousabt/valid-rss.png "Validate my RSS feed"){kind=small}