ヘルプ!私の Web サイト www.craminc.org は IE では正しく表示されますが、Firefox では表示されません。Firefox のスタイルシートを使用していません。誰でも助けることができますか?
正常に動作していましたが、いくつかの小さな変更を加えたところ、動作しなくなりました。
#left h1 でいくつかの奇妙なものを見つけてそれらを削除し、ドロップボックスの影を削除しましたが、それは役に立ちませんでした。
この HTML は少し前に書いたもので、div ID を引用符で囲む必要がありましたが、それでも問題は解決しません。
ありがとう!
ここにリンクがあります
<link href="styles.css" rel="stylesheet" type="text/css" />
私もこれを持っています
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
シートはこちら
/*********** Cram Stylesheet - By LKT ********/
body {
margin: 0px;
padding: 0px;
background: white url(images/oldpaper.gif);
text-align: justify;
text-indent: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000;
}
h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
color: black;
text-indent: 18px;
}
/************* HEADER STUFF ************/
#header {
width: 1050px;
height: 120px;
margin: 0px auto;
padding: 10px 0px;
border-bottom: 1px solid black;
background: url(images/header.jpg);
}
#header h1 {
margin: 0px;
padding: 0px 0px 70px 0px;
text-align: left;
color: yellow;
font-size: 85px;
}
/************* menu ************/
#menu {
width: 1042px;
height:17px;
margin: 0px auto;
padding: 4px;
background: #330066;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
text-align: center;
}
#menu li {
display: inline;
}
#menu a {
padding: 2px 14px;
text-transform: uppercase;
text-decoration: none;
font-size: 13px;
font-weight: bold;
color: #FFF;
}
#menu a:hover {
color: white;
}
/************* CONTENT ************/
#content {
width: 1050px;
margin: 0px auto;
padding: 0px;
background: #9EBDFF ;
}
#left {
float: left;
width: 180px;
padding: 0px 20px 0px 20px;
color: #000000;
background: #9EBDFF;
}
#left h1
{
margin:0in;
margin-bottom:0.0001pt;
font-size:14pt;
font-family:Cambria;
font-weight:bold;
font-style:normal;
line-height: normal;
border-bottom-width: medium;
border-bottom-style: solid;
color: #000000;
}
#left h6
{
font-size: 13px;
color: black;
}
#left a {
padding: 5px 15px;
text-decoration: none;
font-size: 14px;
font-weight: bold;
text-align: left;
color: #000066;
}
#left a:hover {
color:white;
}
#right {
float: right;
width: 790px;
padding: 0px 20px 0px 20px;
background-color: #FFF;
}
#right h1 {
text-decoration: none;
font-size: 24px;
text-align: center;
color: #0033CC;
}
#right h3 {
text-decoration: none;
font-size: 18px;
text-align: center;
color: black;
}
#right h4 {
text-decoration: none;
font-size: 18px;
text-align: left;
color: black;
}
#right p {
text-decoration: none;
font-size: 14px;
text-align: justify;
color: #000000;
}
#right a:hover {
color:navy;
}
#clearit {
clear: both;
}
/************* FOOTER ************/
#footer {
clear: both;
width: 1048px;
margin: 0px auto;
border-top: 1px solid black;
background: #7E9DFF;
font-size: 9px;
text-align: center;
padding: 2px;
color: #000066;
}
#footer a {
padding: 0px 0px;
text-decoration: none;
font-size: 10px;
font-weight: bold;
text-align: left;
color: #000066;
}
#footer a:hover {
color:white;
}