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で作成しております。
ブラウザーの互換性チェックしても何も問題は無いのですがどうしてでしよう？わかる方おしていただけると助かります。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_1_thumbnail_img_sm.png)
お礼
ありがとうございます <?xml-stylesheet type="text/css" href="***.css"?> だけではだめみたいですね linkがないと反映されません linkだけでも動作しますが上も入れておいたほうがいいということですね