スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

CSS IE6でのmarginハック

いつも悩まされる IE6でのmarginの解釈の違い。
よく忘れるのでメモ。

続きを読む »

スポンサーサイト

CSS 改行

改行のCSS
  • white-space
    改行・半角スペース・タブの扱いを指定するプロパティ
    • normal
      デフォルト。
      連続した改行・半角スペース・タブ=一つの半角スペースにまとめられる。
      幅いっぱいになると自動改行が入る。
    • nowrap
      自動的に改行しない。
      連続した改行・半角スペース・タブ=一つの半角スペースにまとめられる。
      自動改行は入らず、はみ出た部分は横スクロールなどで表示。
    • pre
      そのままの形で表示。
      連続した改行・半角スペース・タブ=そのままの形で表示。
      自動改行は入らず、はみ出た部分は横スクロールなどで表示。
      IE互換モード・・・pre指定は機能しない。
  • word-break
    CSS3の草案。IEが独自に採用
    文の改行の仕方について指定するプロパティ
    • normal
      デフォルト。
      英語・・・単語の途中では改行せず、単語の切れ目で改行。
      日本語・中国語・韓国語等・・・表示範囲に合わせて改行。
      単語の途中で改行されることもある。
    • break-all
      言語に関係なく表示幅にあわせて改行。
      単語の途中で改行されることもある。
    • keep-all
      言語に関係なく単語の途中では改行されない。
      単語の切れ目で改行。
  • word-wrap
    CSS3の草案。IEが独自に採用
    表示幅に収まらない単語がある場合、単語の途中で改行
    するかどうかを指定。
    • normal
      デフォルト。
      単語の途中で改行しない。
      必要に応じ表示幅を拡大する。
    • break-word
      表示幅に収まらない単語がある場合、単語の途中でも改行。

新Faviconを設置

今回PNG画像を無理やり.icoにしたものではなく、Iconファイルを作ったのでIEでも表示されるだろうと少しワクワク。

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マークを少し下にドラッグしては戻して再読み込み。
2~3度こうやってあがいていると、やっと表示されました。

お気に入りでもちゃんと表示されてるし、何とか成功かな?

その後 IE7でも確認しました。
とりあえず、無事終了!

IE6,IE7用スタイルシート適用

ようやくIE6用のスタイルシートも作成しました。

以前 ”シクッた。。。”に書いていたように、私はXHTMLCSSの編集をMacでやっていたので、IE6ではレイアウトが崩れていました。

続きを読む »

Conditional comments -IE独自-

Conditional commentsというInternetExplorerの独自拡張を発見したので,JavaScriptを使わずにCSSファイルをブラウザによって振り分けてみようかと。
と言ってもJavaScriptのように各ブラウザで細かく分けるのではなく、IE5以降のバージョンと他のブラウザを分けるというものですが。
私の場合 とりあえずIE6でのCSSレイアウトを他のブラウザ用のCSSファイルから隔離したかったので、IE6用のCSSファイルを新たに作ってこれで振り分けてみようかなと思ってます。
IEの独自拡張。。あんまり使いたくはないけれど、とりあえずの策として。。。
でも、IE6用のCSSファイルをまだ作ってないので実際にはできてませんが。

Conditional commentsの覚え書き。

続きを読む »

swfをxhtmlに。

初めてwinで見てみたところ問題が。。。。

Firefoxでは問題なく表示できたけれど、InternetExplorer7で見てみると、せっかく作った時計のムービーが表示されず。
時計があるべきところに枠線が表示され ”アクティブにするにはクリックを”みたいなメッセージがでたのでやってみると、
「ムービーがロードできません。」
とかいう悲しいメッセージが出た。

flash playerの新しいのもダウンロードしてるのに おかしいなあと思って もう一度ソースを確認。
プラス 覚え書き。

続きを読む »

レイアウト

ブログのデザインを変えてみました。 
。。が、CSS勉強中のためまだまだです。
これからちょこちょこいじっていこうと思ってます。
見ずらい部分とか 崩れてるところとかあると思います(-_-;)

プラグインの。。。(覚え書き)

ーAya's 覚え書きー
先日validatorでひっかかったプラグインの中にある”&align”ですが、
意味的には”text-alignのleft”みたいなものらしい。。。
ので その部分せっかくCDATAとか使ってみましたが、消してみました。
CSSが適応されるなら、多分左揃えのままだろう。。。
と、 思う。。。

XHTML Script and Style elements(覚え書き)

ーAya's 覚え書きー
XHTMLに書き換えてみたのはよいものの、validatorでひっかかった。
どうもリンクのプラグインで使われる、XML(なのかな?)の&という文字のよう。
ということで、W3CXHTMLのところで調べてみた。あったあった。4.8 Script and Style elementsのところに発見。
どうやら、CDATAでスクリプトやスタイルエレメントを囲んでやればよいようだ。。
で、&が使われている部分をサンプル通りに囲んでみる。
取り敢えず 解決。
これも 正解かどうかは不明だが、取り敢えずvalidatorはパスできた。

 |  HOME |  next »

Calendar

« | 2017-05 | »
S M T W T F S
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -

Tags

Recent Entries

Categories

About Me

Aya

Aya

落書き好きの
一応webクリエーター。
日々勉強中(;´Д`)
マイペースに覚書や日記を
書いて行くつもり

RSS

Monthly

ひとこと!

Recent Comments

Blog Pet

Recent Trackbacks

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。