|
「css2.0における要素のwidth定義はIEにおけるのそれとは異なっており、IEは正式にcss2.0をサポートしていない」───このことへの無知がスキン編集においてレイアウト崩れを引き起こす最大の原因の1つとなっていると思う。実際私はつい最近まで、この問題の存在すら知らなかった。
偶々tableを利用しない段組を他のブログで行ってみて、IE上では綺麗に見えるのに、firefoxでは横方法レイアウトがガタガタになってしまう苦い経験を経て、その原因がwidthの定義違いにあることをある方から示唆され、はじめてこの問題に直面したのだ。 ・・・ここで注意したいのは,ボックスの大きさは要素の大きさ以上になるということである。ボックスの幅は次のように定義される。 この式で見ると「要素の内容幅」であるwidthはpadding幅もborder幅も含まない純粋に「要素の内容」幅である。ところが、IEが解釈する「要素width」はこの式と異なるというのだ。 IEが解釈する要素width=(border-left-width) + (padding-left) + (内容width) + (padding-right) + (border-right-width) かくして横方向レイアウトは何らかの形で要素widthを指定している限り、IEとmozilla系のブラウザでは異なってしまうわけだ。
by hkom007
| 2004-11-11 13:16
| HTML/CSS
|
憂きし世に 失われたる 純情の 憧憬胸に 今日も生く
LInks,etc.
■HTML/CSS
CSS とはなんだろうか Academic HTML Let's begin CSS -- 3.14 Take off with CSS - Intoroduction SELFHTML: ナビゲーション・ヘルプ/スタイルシート・ショート・リファレンス 鳥さんの棲むところ Blog開発日記 - wikich ブログの玉手箱 ぽっとの陽だまり研究室 KLMtoday はい こちらサポセン。 FOOTBALL STYLE わっかりました!! ■exblog,etc. いかんともしがたい : ブログお役立ちリンク集 道草日和 地球と宇宙の画像 惑星テラ見聞録 面白いサイトを見つけたよ。 ■Internet Radio Smooth Jazz Mostly Classic GoloRadio Best Music 24/7 ■etc あるがままに |
ファン申請 |
||