CSSで２つの小さなテキストブロックを常に中央のバックグラウンドイメージ上に表示

解決済

質問者：443mon
質問日時：2009/02/07 22:40
回答数：1件

お世話になります。
CSSを使って、英語のサイトと日本語のサイトに入る入り口のページを作っています。バックグラウンドには幅750px高さ500pxのイメージを常に中央で、上から100pxのところに表示するようにしました。
バックグラウンドイメージ上にはほとんど表示するテキストがなく、左下幅200px高さ200pxの部分に日本語の入り口を多少のテキストと共に配置し、右下に同じサイズの英語の入り口を配置したいと考えているのですがどうも上手くいきません。bodyは以下のようにしてあります。#japaneseと #englishの中身をいろいろ試して見ましたがどうしても左に寄ってしまいます。良い方法がありましたらご教授お願いします。

body {
text-align:center;
width: 750px;
height: 500px;
color: #ffffff;
background: url(images/sample.gif) no-repeat 0px 100px;
background-position: center;
}

#english {

}

#japanese {

}

通報する

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

質問の本文を隠す

回答 (1件)

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

No.1ベストアンサー

回答者： ORUKA1951
回答日時：2009/02/08 01:20

面白そうというか、定番の方法なので

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>Untitled</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">

</style>
</head>
<body>
<h1>title</h1>
<div class="SiteMap">
<ol>
<li><a href="./indexj.html" title="日本語の入り口" accesskey="J">日本語</a></li>
<li><a href="./indexe.html" title="EnglishPage" accesskey="E">English</a></li>
</ol>
</div>
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

早速のご回答ありがとうございます。
IEを除いて意図するようにできました。下部の左右両サイドに少し文章を入れたのですが、CSSでは問題なく収まっているのにIEだけバックグランドイメージから右にはみ出してしまいます。Firefox、Opera、Safari、Chromeではきれいにそろうのですが・・・
IEのバグでしょうか？
少し全体を左に寄せてよしとしようと思います。

通報する

お礼日時：2009/02/08 12:47

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！