- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：HTMLで横幅をCSSで設定できません。）
HTMLで横幅をCSSで設定できません
このQ&Aのポイント
- headerを作成しているのですが、横幅が外枠のwrapperをはみ出して表示されてしまいます。
- headerをtableタグで作成した場合、横幅700pxの枠中でのpadding-left:5px;になり、横幅には変化はありません。
- <div id="header">の横幅を変化させずに、paddingを指定することは可能なのでしょうか。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
ブロックの幅ってのはwidth+padding+border-widthですから、（テーブルは異端） 境界線が無いとしてheaderのwidthを数値で指定するなら適正値は695pxです。 違う値を書いておいて、それをなんとかしていってのは結構無茶。 変に値を書くより、width:auto≒widthを省略、が最もすっきりすると思いますが。 例えばそれがどうしてもいじれない場所に書いてあるなら、再定義するとか。 #header { width: 700px; padding-left: 5px; } 以下を追記して値を上書きする。 #header { width: 695px; }
その他の回答 (2)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
回答No.3
div#header { width: 100%; padding-left: 5px; } でよいはず。
質問者
補足
回答有難うございました。 XHTMLで作成していますができませんでした。 wrapperの700px＋padding-left: 5px;＝705pxになります。
- k0021
- ベストアンサー率26% (32/120)
回答No.2
上の指定は、正しいですが。 下の指定は、ブラウザにより表示方法が異なりますが。 Safariでは、705pxの横幅になりますよ。 上記のため、下の指定は使用していません。
補足
width:autoとした場合、自動設定されるのですが、 widthの大きさはどこと同じに合わせられるのでしょうか。