Test!

写真とWebデザインと時たまダイエット

Bootstrapが積み木感覚で作れるサイト　Lollytin　が復活してた

以前、急にサイトが消えてしまったLollytinが復活してた。

結構便利だったのでとてもうれしい。

http://lollyt.in/

基本的には必要なブロックを選んでいくだけ！

詳しい使い方はこちら

coliss.com

wineで日本語フォントを指定する方法

mattintosh.hatenablog.com

 

ちょっとメモ

WINE使ってるとたまに日本語が上手く通らない時があってココらへんを参考に直していたので。

IE対策　レイアウト崩れに



<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

を挿入するといいらしいよ
ソースはここ

ozpa-h4.com


インターネットエクスプローラには
ドキュメントモードとブラウザモードというモードがあってそれぞれ互換性を保つためにあるんだけど
なんかレイアウトが崩れてしまっったりするので。。
上記を参考に
ブラウザモードは


<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

ドキュメントモードはとりあえず
HTML５なら

<!DOCTYPE html>

これで解決！？

 

&#65279 が勝手に挿入されてしまう件

ヘッダー画像の上のほうに、空白ができてしまった。

ソースを見ると何も入っていないのだけれども、要素を検証で見ると

変なコードが挿入されていてそれが悪さをしているようだった。

で早速コードをGoogle先生で検索するとそのものずばり解決策があった。

scrap.php.xdomain.jp

 

文字コードがUTF-8だとBOMというものが挿入されてしまうモード？もあるとのことで

UTF-8WITH　BOMではなくUTF-8のみを選択して保存しなおしたら解決した。

position:absoluteした要素がブラウザごとで表示がいまいち

 

画像をPositionをつかって配置したところ、IEやFirefoxだと同じ位置に指定しているはずなのにバラバラになる。
そこで、
各positionにwidthとheightを指定した上げると各ブラウザでおなじ表示になる。