※ ChatGPTを利用し、要約された質問です(原文:センタリングされた外枠を表示させたい)
センタリングされた外枠を表示させたい
このQ&Aのポイント
IEでのブラウザ表示でセンタリングされた幅900px高さ700pxの枠を表示させたいのですが、うまくいきません。
どのようにすれば枠がセンタリングされるでしょうか?
HTMLやCSSの設定に問題があるのか、他の要素との干渉があるのか分からず困っています。
IEでのブラウザ表示でセンタリンクされた幅900px高さ700pxの枠を表示させたいのですが、うまくいきません。どのようにすれば枠がセンタリングされるでしょうか?
ご教授よろしくお願い致します。
・HTML 部分
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<link rel="stylesheet" href="index.css" type="text/css">
<title>新しいページ 1</title>
</head>
<body>
<div class="page"></div>
</body>
</html>
・css 部分
.page {
border: solid 1px #000000;
width: 900px;
height: 700px;
}
お礼
あれ、あっさりできちゃいましたね。。。 実は margin-left: auto; や margin-right: auto; は既に試していたのですが、試した時には DOCTYPE での宣言をしていませんでした。 DOCTYPE で宣言したことによって css の動きが変わったのですかね? どうもありがとうございました。