初心者です。よろしくお願い致します。 cssでホームページを作っています。 index.htmlに画像を中央に貼り付けたいのですが、 firefoxでは中央揃えに、IEでは左側に表示されます。下にタグを書くので、ご回答いただけましたら幸いです。よろしくお願い致します。 -------------------------------------------------- ○○○ -------------------------------------------------- /*ページのレイアウト用css*/ body{ margin:0px; padding:0px; background-color:#FFFFFF; } body a img{ border: none; align:center; } .contents{ width:800px; margin:0px auto; margin-top:100px; } h1{ color: #FFFFFF; }

css firefox IE 画像を中央揃えにしたいです

解決済

質問者：saladadada
質問日時：2007/09/05 14:54
回答数：2件

初心者です。よろしくお願い致します。

cssでホームページを作っています。

index.htmlに画像を中央に貼り付けたいのですが、
firefoxでは中央揃えに、IEでは左側に表示されます。

下にタグを書くので、ご回答いただけましたら幸いです。

よろしくお願い致します。

--------------------------------------------------
<html>
<head>
<title>○○○</title>
<link href="design/index.css" rel="stylesheet" type="text/css">
</head>
<body>

<div class="contents">

<img src="img/tobira.jpg">

</div>

</body>
</html>

--------------------------------------------------

/*ページのレイアウト用css*/

body{
margin:0px;
padding:0px;
background-color:#FFFFFF;
}

body a img{
border: none;
align:center;
}

.contents{
width:800px;
margin:0px auto;
margin-top:100px;
}

h1{
color: #FFFFFF;
}

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： goldfox
回答日時：2007/09/05 16:49

body a img{

border: none;
align:center;
}
スタイルシートにalignというプロパティはありません。
img要素にはalt属性をつけましょう。

.contents　に　text-align:center;　を付け加えることで、
<div class="contents">～</div>　の中身を中央寄せにできます。

- 0
- 件

通報する

この回答へのお礼

これは、トップページで
body{
text-align:center;
}
で解決できました＾＾
このたびは、ありがとう御座いました。
次のページ作成中でして、質問を投稿しましたので
もしよろしければ覗いてみてくださいませ。

通報する

お礼日時：2007/09/13 02:40

No.2

回答者： leap_day
回答日時：2007/09/05 20:49

こんにちは

firefoxでは中央揃えに・・・なっていないような気がするのですが（他の要素が影響してるのかな？　－－；）とりあえず・・・

h1 CSSがあるので<img>以外にもcontents内に文字とかがあるのかな？
それら全部を中央寄せにしてもいいのであれば#1様の言うように.contents CSS内にtext-align:center;を付け加えれば<img>に個別に指定してやらなくてもO.K.です

個別にするなら
img {
border:none;
display:block;
margin:auto;
}
のようにインライン要素ではなくブロック要素にしてやればmarginを使用することが出来ます