【CSS】 width : 100% - 16px 【CSS】

と書きたいんだけど、いつ対応するんだ？

面白い発想だ

http://www.maria-6.com/

>>2-3
GJ！漏れも舞衣子ｦﾀだ。

誰もこれの便利さを理解できないのかな？

>>5
marginを知らないのかい？

>>6
marginとかborderとか指定してるボックスと大きさをそろえようとしたり、
残りの幅を指定したいとき、サイズの指定に計算式が使えると便利だよね。

>>7
最初から計算して指定すればいいんジャマイカ？

CSSで段組するなら必須。
フロートさせたボックスにはwidthが必須だが、
一列目をpxやemで指定するとして、二列目の幅が指定できん。

IEにはexpressionという便利な物がある。
これを使えば計算どころか、
〜エレメントの幅と〜エレメントの幅を
引いた残りとかいう指定も可能！

ということでこのスレ終了！

IE限定だけどな。

IE最高というネタか。

>>1の言いたいことを理解するのに1分かかった

けどWin IEは、first-childとか隣接セレクタとかだめだしなあ。

そんな計算式入れなくてもIEなら互換モードでいいじゃん。
もじらだったらborder-boxでいいじゃん。
アフォ。

width: auto; でいいんじゃね？

どんなサイトでも、まずbodyに width:100%; を適用する愛好家のスレが
16本目まで進んだのかと思った。

よくそんな話題だけで16スレも持つなぁw

>>17　( ・∀・)人(・∀・ )ﾅｶｰﾏ

俺もコレ使いたい。
と言うか、演算子使えるようにしてほしいｗ

あと、
#HOGE .hoge{}
#HOGE .poge{}
#HOGE .hage{}
#HOGE .moge{}
とかの#HOGEを略せる用にならんかな。
#HOGE {
.hoge{}
.poge{}
.hage{}
.moge{}
}
みたい菜感じで。

>>21
idとclassの書き方によっては省略なんて当たり前に可なんだが。

特定のDOMに制限して略すのは無理じゃね？

http://www.maria-6.com/

float:leftで２列カラムを作るとき必須だな。
floatしたらwidthを指定しなければいけない。
左にボーダー1pxのNAVIカラムがある。
さて残りのwidthはどうする！？

auto;

>>26
はずれ

>>25
floatでギチギチなきっかりレイアウトを作ろうって意識が問題。

>>28
じゃあどうしろと？
あぁテーブルか（ぷっ

>>29
うん、おまえみたいなのはテーブルレイアウトしてたほうがいいよ。

>>30
で、お前はどうするんだｗ

%で割ったリキッドレイアウトならンなこた考えずに済む罠。
そもそも段組自体不必（ｒｙ

ようするに、CSSにあわせて諦めるわけか。
CSSを使うのではなく、CSSに使われるｗ

>>32
はい、まちがい。
borderの幅はwidthに含まれません。

>>34
おまえ、アホだろ。
んなこた当たり前の上で、リキッドだったらっつってんの。

>>33
当たり前だろ。
テーブルレイアウトだろうがCSSレイアウトだろうが、
できないものを無理にしようとすること自体がHTMLの成立理念に反してる。

border/padding/marginのとは別に、
ぴっちり100%にするとIEのバグがあるしなorzｱｲｲｰﾀﾞﾒﾎﾟ

>>35
お前アフォだろｗ
borderに%は使えないっつーの

>>37
駄目だなコイツ・・・

y2OsxTVKにぴったりのスレを見付けてきたよ！
http://pc8.2ch.net/test/read.cgi/hp/1129043826/

やれやれ、反論無しの人格否定か。
追い詰められて厨房化したな。
お決まり過ぎて笑いが出る。

あのな・・・borderに%が使えないなんてのは当たり前なんだよ。
だから何？

>>41
はいはい、知識をつけたところで、
もう一回>>25を読み直してみな。

>>40
そもそもborderやpaddingがあろうと、floatで100%きっかりにレイアウトしようというほうが間違い。
floatは幅を固定しないために存在する。

>>42
左にwidthを指定したfloatの右カラムにfloatはいらないからwidthはいらない。

> 左にwidthを指定したfloatの右カラムにfloatはいらないからwidthはいらない。
その状態で、右カラムにborder指定してみろ。

あと、さらに３段カラムを実現してみろ。

あと、右カラムいっぱいの幅のたテーブルとかな。

CSSの機能不足。
思ったとおりのデザインが出来ないことがよく分かるだろう。


> そもそもborderやpaddingがあろうと、floatで100%きっかりにレイアウトしようというほうが間違い。
うんうん。CSSでレイアウトするのは間違い！なんてなｗ

>>44
CSS質問スレに来たら？
テーブルスレに追い返されるかもしれないけど

また変なのが湧いてるな…テーブルレイアウトでline-heightを実現しろと言ってるようなもんだな

しかし>>44のは普通にborder指定できないか？

今後演算子使えるようになったら、ここのW3C信者はどう言い訳するのかな。

>>25
borderじゃなくoutlineに汁

>>48
それはそれで仕様通りに動かせるんならラッキーじゃないか？
仕様に合ってないことを無理にやらせようというのが間違いなだけで。

>>50

よう分からんが、
左端のカラムはleft:で指定して
そのカラム分の太さをpadding-left:で指定すればいいんじゃないのん？

折れ曲がるのがいやなんだったら
float+marginよりposition:absoluteのほうがいいと思うがな

IEは後方互換モードで、もじら系とOperaはborder-boxでやってりゃ
ID:y2OsxTVKみたいなバカはは悩まないでいいかもよ。

俺はheightだけども、マジにこれが使いたい。
というのも、すべて%で指定したいのだがジオの広告が入ってくる関係でピクセルが入らざるを得ない。
あの広告、自分で好きに配置できればいいんだけどな。問答無用で一番上に入ってくるから頭くる。

一番上に入らなきゃ宣伝にならない罠。
ただで借りてるんだからそのくらい我慢汁。

無料で鯖使って「頭にくる」とは酷い話だな。金払って鯖借りれ。

言われなくてもちゃんと自分で一番上に置くのに。無理やりソースの頭に入ってくるから。

CSSを解さずフラットなHTMLレンダリングしかできないとしたら、
というかまあ環境によって左右され得るからこそ一番上に押し込むんだろ。

嫌なら金払え

無料鯖の広告押し下げ規約違反のガキ共が多いから、
手動広告なんぞ許したら全く貼らなくなるだろうな。

>>61
まあNHKみたくなるから仕方ないのかもね。
もっとスマートにしろとは思うけど。

せめてidかclassでも振っていてくれれば楽なんだけどな。
それでもやっぱりdisplay:none;になるんだろうかｗｗ

おい、このスレの模範解答みたいの見つけたぞ！

ネガティブマージン
http://www.bnote.net/css/tips_negative_margins.html

divにveritical-alignやったんだけど利かない。何が悪いんだろ

>>65
display:inlineを追加しる。
ブロック要素にvertical-alignは効果ないよ。

>>65
vertical-alignの仕様見れ。
td/thないしインラインの垂直揃え用だぞ。

　　　　　　　　　　　∩＿
　　　　　　　　　 　〈〈〈ヽ
　　　　　　　　　　〈⊃　　}
　　 ∩＿＿＿∩　 　　|　　｜
　　 | ノ　　　　ヽ　　!　　 !
　　/　　●　　● |　　/
　 |　　　( _●_) ミ／ ＜ コイツ社員
　彡､　　　|∪|　／
/　＿＿　 ヽノ　/
(＿＿＿）　　　/