ウェブデザイン paddingとwidthについて

質問

はじめまして。

http://www.e-washizu.co.jp/
こちらのサイトの横幅は７８６pxですが、
そのうち影画像分の６pxを引くと７８０pxです。

しかしcssを見たところ、
<div id=main>部分のwidth幅は７６０ピクセルになっていて、
padding-left:10px;
padding-right:10px;
この２つの値をあわせるとちょうど７８０pxになるのですが、
ここで疑問点が浮上しました。

え？paddingの値分widthの値から引くの？？と。。

私の作っていたサイトでは、
width幅を７６０pxではなく「７８０px、padding左右に10px」
と記述していましたがそれでデザインはちょうどピッタシになりました。

http://www.e-washizu.co.jp/のように、いったい何が違うのでしょうか？？

分かる方、ご回答お願いいたします＞＜

回答No.1

askaaska · ベストアンサー

私エスパーじゃないから
あなたの作ったサイトがどんなふうになっているのかは知らないわ。

でも
www.e-washizu.co.jp
このサイトについては教えてあげることができるわ。

結論から言うと
このサイトも
780px、padding左右に10px
なのよ。

スタイルシート上は
760px、padding左右に10px
なんだけど
「社会空間をトータルに提案する」の画像が
横幅780pxあるせいで
横幅が拡張されてしまっているの。

良かったわね。
あたなの考えていることは
とても正しいのよ。

お礼

なるほど！！ありがとうございます☆
理解でき、とてもうれしいです＾＾

回答No.2

noname#83877

doctype宣言によって変わります。

お礼

回答していただきありがとうございます＾－＾