私のお気に入りはSafariとOperaです。Operaは動作も軽く、なによりスキンの設定が簡単だったことがあげられます。
先ほどからWEBページを作っていたのですが、明らかに正しく書いた(W3Cでチェックしました)CSSファイルをInternet Explorerで読ませたところ、落ちてしまいました。他のブラウザでは問題ありません。
何がいけないのか、また、どこに報告すればいいのか知っている方がいれば、ぜひ教えていただきたいです。
コード: 全て選択
/*CSS初期化*/
* {
margin:0px;
padding:0;
}
body,td,th {
font-family:"ヒラギノ角ゴ Pro W3","MS Pゴシック","Osaka";
}
p {
font-size: 0.8em;
margin: 5px;
padding: 5px;
}
/*レイアウト*/
#site{
width: 800px;
border-style: solid;
border-width: 1px;
}
#header {
border-style: solid;
border-width: 1px;
border-color: #000099;
}
#navi {
float: left;
border: 1px solid #00FF00;
width: 800px;
}
#main {
float: left;
margin-left: 10px;
border: 1px solid #CC0000;
width: 575px;
clear: both;
}
#localnavi {
width:200px;
float: right;
border: 1px solid #FFFF00;
}
#footer {
clear: both;
height: 100px;
border: 1px solid #999999;
}
/*グローバルナビゲーション(navi)*/
#navi menu {
float: left;
}
#navi menu li {
float: left;
list-style-type: none;
width: 100px;
text-align: center;
}
#navi menu a {
display: block;
float: left;
}
/*ローカルナビゲーション(localnavi)*/
#localnavi menu {
list-style-type: none;
}
#localnavi menu li {
}
#localnavi menu a {
}
/*本文(main)*/
/*ページの概要(guidance)*/
#main #guidance {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
float: left;
width: 300px;
}
/*目次(index)*/
#main #index {
float: right;
width: 200px;
border: 1px solid #999999;
}
#main #index menu {}
#main #index li {
font-size: 0.8em;
}
#main #index a {}
/*以下、具体的要素*/
#main h1 {
text-align: center;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 5px;
padding-left: 30px;
}
#main h2 {
clear: both;
}