Unit png fixその後2

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

3カラムレイアウト

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

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

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

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

13:41追記

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

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

今度は.htaccessだよ

他のサイトで使ってたのを利用しようと思ったら、Apacheの設定かなにかでRewrite〜を記述すると500に。
コメントアウトすると動くから、原因はそこなのは確定っぽい。

もう一個引っ掛かったのがDTDXHTMLのファイル内でのPHP
xmlのパースエラー。

Addtype Application/〜とあった記述をコメントアウト
どうやらtext/htmlにしておかないとダメみたい。
…とそのまえにapplication/〜だと問題があるブラウザがあったような。

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

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

※現在布団の上での投稿です。
内容はいつも以上に不確かなもの。
息子ー、熟睡してー(-.-;

追記:
httpd.confのLoadModule rewrite_module modules/mod_rewrite.soがコメントアウトになってた。
かなり簡単なことになかなかたどり着けないのは、よく読まないのもあるけど、検索べたな気もする。

Unit PNG Fixその後。

スクリプト読めないし、あくまで憶測なんだけど…

高さと幅を自動で取得する?せいか、背景画像などの繰り返しに対応してないというか…

ボックスに45°パターンとグラデーションの背景画像を設定してみた所、ボックス内に収まるよう画像を表示させている模様。

imgでheightをピクセルじゃなくてパーセントとかにするとおかしくなるけど、そんな感じ。

今回の条件を要約。
XHTML 1.0 Transitionalでxml宣言なし。

body { 
 font-size: 100%;
}

p {
 font-size: 0.9em;
 margin: 5px 0px;
 padding: 0.2em 0.5em;
 line-height: 1.3em;
}

画像は750px×30px。
繰り返しが問題なのかと思って、必要横幅分の大きさで作ってみた。
高さはグラデーションの都合で繰り返さずにすむように一般的な文字サイズ+paddingでも余裕が出るよう若干大きめに。(そうでもない?)
IE6で最大まで文字を拡大してみると画像はほぼ正常に表示された。

もうひとつ。
若干色見に差が出てしまうかも。

自分のファイルがおかしいだけ?
またも息子が起きたのでお預けです。



2008/07/27追記
google翻訳と英文併用で確認したところ、『背景が伸びちゃうよ!!』って明記してありました。(多分)
やっぱり原文チェックしないと駄目だなぁ…反省!

そして今度はpositionで問題発生。
検証中!



2008/08/06追記
background-position件は、repeatと同じ理由でできない。と自分の中で結論付けてみました。
もし違ったら可哀想な子だと思って教えてくださいませ。

Unit PNG Fixを使ってみたけど。

もともとalphafilter.jsでやってみた透過PNG

Unit PNG Fixを発見したので試してみたら、floatの2カラムの片方が下に落ちた。

JavaScript読めないので検証しようと思ったら、息子が起きたのでお預け。

2008/07/13追記
CSSがおかしかった。
marginとpaddingの都合。

凡ミス。