MacからアップしたCSSがWinで反映されな
こんにちは。現在、Macでホームページを作っています。
その際、CSSでレイアウトやフォント等を設定したのですが、アップロードしたCSSがWindowsでは反映されません。Macではすべてしっかり反映されています。
ブラウザごとの振り分け等、色々と調べて試しましたが変わりませんでした。
どこかおかしなところがあれば指摘、アドバイスの方よろしくお願い致します。
↓<head></head>内
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>（タイトル）</title>
<link rel="stylesheet" type="text/css" href="main.css">
↓main.css
* {
margin: 0;
padding: 0;
}
body,table,tr,td {
font-size: 10px;
font-family: "Times" ""Osaka";
line-height: 160%;
text-align: left;
}
a:link {color: #000000; text-decoration: none; }
a:visited {color: #000000; text-decoration: underline; }
a:active {color: #000000; text-decoration: underline; }
a:hover {color: #000000; text-decoration: none; }
#layout {
width: 650px;
margin-top: 10px;
margin-left : auto;
margin-right : auto;
text-align : center;
}
.header {
margin: 5px 0px 3px;
padding: 20px 10px;
border: 1px solid #c0c0c0;
background-image: url("（画像URL）")
}
#main {
float: left;
width: 436px;
margin: 10px 14px 0px 0px;
}
.entry {
border: 1px solid #c0c0c0;
margin: 0px 0px 14px 0px;
padding: 10px 30px;
overflow: auto;
}
.entry_navi {
text-align: left;
}
.entry_title {
font-size: 13px;
font-family: "Times";
border-bottom: 1px dashed #c0c0c0;
color: #000000;
}
#side {
float: right;
width: 200px;
margin: 10px 0px ;
}
.pict {
margin: 15px 0px;
padding: 8px;
border: 1px solid #c0c0c0;
}
h1 {
font-size: 20px;
font-weight: bolder;
font-family: "Times";
margin: 0px 0px 5px 0px;
padding: 0px;
color: #ffffff;
}
h1 a,
h1 a:link,
h1 a:visited,
h1 a:active,
h1 a:hover {
color: #ffffff;
text-decoration: none;
}
.description {
font-size: 10px;
color: #ffffff;
padding-bottom: 30px;
}
.list {
border: 1px solid #c0c0c0;
margin: 0px 0px 14px 0px;
padding: 10px 20px;
}
.list_title {
font-family: "Times";
font-size: 16PX;
font-weight: bolder;
color: #000000;
border-bottom: 1px dashed #C0C0C0;
}
お礼
BLUEPIXY 様 ご回答ありがとうございました。 早速ブログにて使用させて頂きました。 またなにかありましたら宜しくお願い致します。