タイトル | : Re^4: ホームページ作成時の表示幅について |
投稿日 | : 2013/03/07(Thu) 21:17 |
投稿者 | : やすきち |
> 「ひと目〜」の方もあわせてご購入いただければ個人的にはありがたいですが、絶対に買わなきゃいけないということではありません。便利といえば便利ですよ(私本人も自分の書いたWeb 2本から情報を調べることありますし)。
「ひと目〜」もあったほうが便利ですね!
大きな書店で一度内容を確認して購入するか検討したいと思います。
教えていただいた、「ページ全体の横幅を固定するには」と「ページ全体を中央に配置するには」を参考にしてソースコードを入力しなしたが、思っているようなページになりません。
IE10で表示させるとコードの関係か文字化けしていますし・・・。
(作成、確認はIE8でやっています。)
なぜそうなるのかわかりません。
ソースコードを見て表示していただいたほうがわかりやすいので、最後にソースコードを記載させてもらいます。(上記ページのソースと一部記載が違いますが、ExWEB4 で触っていたら追加されました。)
申し訳ありません。
自分はこれをホームページのひな形にしたいと考えています。
やりたいことは以下の3点です。
1.緑色の枠がブラウザのウインドウサイズに関係なく同じ大きさにしたい。
(現状のソースコードではウインドサイズによって大きさが可変しています。)
2.桃色の枠と同じ大きさにしたい。(緑色の枠をページ枠に、桃色の枠をタイトルなどに使いたいと考えてます。)
3.緑色の枠内だけに背景色を設定したい。(2日間いろいろと操作しましたが、画面全体が背景色になってしまい、どうしても緑色の枠内だけ色を付けることができません。)
こんな簡単なことが出来ないのかと少し凹んでしまっています。自信喪失状態です。
ちょっとの記述がおかしいだけと思っていますがどうでしょうか?
お手数をお掛けしてすいませんが、よろしくご教授ください。
以下、ソースコードです。
-----------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="ja" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>ページ全体の横幅の固定と中央への配置</title>
<style type="text/css">
#container {
border-style: solid;
border-width: 1px;
margin: 0px auto 0px auto;
width: 800px;
text-align: center;
background-color: #FFCCFF;
}
body {
border: 1px solid #008000;
text-align: center;
}
.auto-style1 {
text-align: right;
background-color:aqua;
}
.auto-style2 {
text-align: left;
}
.auto-style3 {
background-color: #FFFFCC;
}
</style>
</head>
<body bgcolor="#FFFFFF" style="height: 343px">
<div id="container" class="auto-style1">
<div id="masthead">
大阪市</div>
<div id="left col" class="auto-style2">
左配置</div>
<div id="page content">
コンテンツ</div>
<div id="footer">
フッター</div>
</div>
</body>
</html>