背景画像付きのTableの上にTableより少し小さめのOverflowの枠を表示させて文字を

表示させたいのですが、うまくいきません。初心者なので分かりやすく教えていただけると助かります。
ちなみにタグはしたのように打ち込んでいます。
(HTML)
<Table border="0" width="300" height="270" cellspacing="20" background="画像">
<Tr><Td align="center" valign="top">
<div id="Layer11">
文章
</div>
</Td></Tr>
</Table>

(CSS)
#Layer11 { overflow: auto ; width: 230px; height: 230;}

お願いします。

回答の条件
  • 1人2回まで
  • 登録:2007/09/21 11:47:49
  • 終了:2007/09/21 12:50:27

ベストアンサー

id:wizemperor No.1

wizemperor回答回数379ベストアンサー獲得回数522007/09/21 12:05:53

ポイント60pt

なにがうまくいかないのかがわからないのですが…

とりあえず、修正してみます。

(HTML)

<table class="class1">
  <tr>
    <td>
      <div id="Layer11">
文章
      </div>
    </td>
  </tr>
</table>

(CSS)

table.class1 {
  padding: 0;
  border: 0 none;
  width: 300px;
  height: 270px;
  border-collapse:collapse;
  background-image: url(image/bg.gif);  /* 画像ファイル */
}

table.class1 th, table.class1 td {
  margin: 0;
  padding: 20px;
  text-align: center;
  vertical-align: middle;
}

#Layer11 {
  margin: auto;
  overflow: auto;
  width: 230px;
  height: 230px;
}

こんな感じでどうでしょう。

なにがやりたいのか、どこがうまくいかないのかがいまいちわからないので、実例があるとわかりやすいのですが…。

id:nishihide

できました!!

ありがとうございます。

2007/09/21 12:49:29

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません