XHTML+CSS IE5.5で見ると崩れる
皆様こんにちは、XHTML+CSSで初歩を勉強してる者ですがどうして判らない事があるので教えていただければ助かります。
判らないことは
XHMLのソースに
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>練習</title>
<link href="oooo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="a">
<div id="b"> id "b" </div>
<div id="c"> id "c"</div>
<div id="d"> id "d"</div>
<div id="e"> id "e"</div>
</div>
</body>
</html>
と記入しております
CSSのソースは
@charset "utf-8";
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0px;
padding: 0px;
}
#a {
background-color: #999999;
width: 400px;
border: 1px solid #66FF00;
}
#a #b {
background-color: #006699;
width: 400px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
}
#a #c {
background-color: #00CC99;
margin: 5px;
float: left;
width: 100px;
display: inline;
}
#a #d {
background-color: #99FF66;
width: 285px;
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
display: inline;
}
#a #e {
clear: both;
background-color: #0000FF;
height: 20px;
}
と記入しております。
IE8,7,6では自分の描いたイメージどうり表示されるものの、
IE5.5では崩れてしまいます。
作成ソフトはAdobe Dreamweaver CS3で作成しております。
ブラウザーの互換性チェックしても何も問題は無いのですがどうしてでしよう?わかる方おしていただけると助かります。
お礼
ありがとうございました。
補足
さっそくのご回答にお礼申し上げます。 IE6ではそのような理由だったのですね。 現状でXHTML+CSSのIEでご確認すると、センター配置でレイアウトしているサイトをちらほら見かけるのですが、 どのように設定しているのでしょうか?