cssについて

質問

このサイトを例えに質問します。

lトップlカテゴリ lランキング lマイページl質問する l○○だけど・・・？lまでのグレーの枠の長さはどのように調整するのでしょうか？

また、枠で四角い状態に囲ってるときの幅の調整についても知りたいです。

ご指導ください。

お願いします。

回答No.1

naokita

＞このサイトを例えに質問します。
このサイトろいわれても、複数サイトでこの質問が公開されているので・・・
OKwaveのトップだと判断しますが、

#ok_shoulder {
background: url(http://gazo.okwave.jp/okwave/images/common/sprites.png) no-repeat 0 -115px;
height: 40px;
margin: 0 0 5px;
padding: 0 5px 0 0;
position: relative;
width: 925px;
}

全体幅は、この925pxに合わせているだけ。
CSSの設定と背景画像をピッタリ合わせる。
ただし、背景画像は位置的に見えるように縦（Y軸）-115pxズラします。
調整ではなく、そのように設計しているだけであって、
環境によって柔軟に変化するわけではないですから、その都度調整はしないです。

子リストは、幅の設定は無いです。
つまり、
文字数の幅がそのまま反映される。
自分で作って色々な文字数の単語で試すとわかると思いますが。

補足

ありがとうございます。

参考用のサイトとして下のサンプルを参考にしてるのですが
どうしても左右に振り分けて幅を大きくすることができないものですから？
http://www.htmq.com/csskihon/401.shtml