Hatena::ブログ(Diary)

Webの勉強がしたいので。

2009-07-17

IE6 Must Die.

YouTube、IE6サポートを段階的に廃止 | スラド IT

やったー!
大手がどんどんやっちゃってくれれば、
「もう大手はどんどんIE6を除外してますよ。さぁ御社も。」 とか言えそう。

と同時に、インターネットしか使わないようなライトユーザーが置き去りにならないよう、何かしらの対処をしないといけないのかも。
親切に用語まで説明したインストール方法のページを設置するとか。古いブラウザ危険性とか。

IE6がなくなってくれるだけで、調べ物が大分減るので大変助かります。捗ります。頼みます。マジで

IE6に対応→IEがおかしいことに気がつかないユーザー→IE6除外サイトに遭遇しクレーム→IE6に対応…
のループから抜け出すきっかけになるかも!なってくれ!なるんだ!

2008-09-02

floatでレイアウト。

IETesterをインストールして表示チェックをしている。
テーブルレイアウト嫌いで、主にfloatでレイアウトするのだけれどIE8betaの表示がおかしい。


//HTML xml宣言略 XHTML1.0 Transitional

<div class="container">
  <div class="leftBox">
    <p>テキスト沢山。テキスト沢山。テキスト沢山。</p>
  </div>

  <div class="rightBox">
    <p>テキスト沢山。テキスト沢山。テキスト沢山。</p>
  </div>
</div>

<div class="container">
  <div class="leftBox">
    <p>テキスト沢山。テキスト沢山。テキスト沢山。</p>
  </div>

  <div class="rightBox">
    <p>テキスト沢山。テキスト沢山。テキスト沢山。</p>
  </div>
</div>


//CSS

.container {
 margin: 0px auto;
 padding: 0px;
 width: 800px;
 clear: both;
}

.leftBox {
 float: left;
 width: 375px;
 padding-bottom: 2em;
 min-height: 5em;
}

.rightBox {
 float: right;
 width: 375px;
 padding-bottom: 2em;
 min-height: 5em;
}


.containerにぐるっと囲うborderをつけると意図通りの配置になるのだけれど、なしだと内容量によっては最初のleftに回り込んでしまう。
.leftboxにclear:leftを追加することによって回避できた。
今までclear:bothしか使ったことがなかったし、使う必要も無かった。(必要の無いような作りにしかしなかった?)

今までのブラウザの挙動がおかしいのか、IE8の挙動がおかしいのかはちょっと現段階ではわからない。
時間があるときに調べよう。

2008-08-14

Unit png fixその後2

IE6の表示がおかしい。
●XHTML 1.0 Transitional・xml宣言なし・UTF-8・Apache2.0・WindowsXP-SP2・php利用 f:id:amuamuknit:20080814091433g:image
文字サイズの違いはテストでh2とh3を書き換えた後、更新し忘れたためです; 要素関係ないみたいです。

3カラムレイアウト

#layoutBody
├#header
├#contents(float)//画像
├#sideBar(float)//実際は画像の左にある
└#footer

#contentsの直後に来る要素(画像では<hn>)がおかしなところに表示される。
F5など更新すると、一旦正しい位置に表示された後、おかしなところに移動する。
感覚で言えば#sideBarの右辺とブラウザの右辺の真ん中くらい。

Unit png fixの記述をコメントにすると問題なく表示される。
調査。

そしてまた今日も息子起床です。

13:41追記

#contentsの直後にコメントやタグなしのテキストを入れると、1px程度の隙間が表示されるものの<hn>などの要素は問題なく表示されるようになった。
まだまだ検証中です。

2008/10/02追記
動作確認をIETesterでやってたから?って疑惑がわいてきた。
時間があるとき調べてみよう

2008-08-09

今度は.htaccessだよ

他のサイトで使ってたのを利用しようと思ったら、Apacheの設定かなにかでRewrite〜を記述すると500に。

コメントアウトすると動くから、原因はそこなのは確定っぽい。

もう一個引っ掛かったのがDTDがXHTMLのファイル内でのPHP。

でxmlのパースエラー。

Addtype Application/〜とあった記述をコメントアウト。

どうやらtext/htmlにしておかないとダメみたい。

…とそのまえにapplication/〜だと問題があるブラウザがあったような。

自分で書いたものじゃないからビビってコメントアウトだけど、ちょいちょいって書けるようにならないとねー…

学ぶって大変だ(>_<)

※現在布団の上での投稿です。

内容はいつも以上に不確かなもの。

息子ー、熟睡してー(-.-;

追記:

httpd.confのLoadModule rewrite_module modules/mod_rewrite.soがコメントアウトになってた。

かなり簡単なことになかなかたどり着けないのは、よく読まないのもあるけど、検索べたな気もする。

2008-07-17

position嫌い。

なんだこいつは!

なんて癖があるんだ!

ブラウザによって表示が違って、どれが正しいのかわからなくなる;

positionって言うかIEって噂も…