/* CSS・スタイルシート質問スレッド【21】 */

>>951
ソース出さないとわかりませんよ。

あと、バグかどうかは
CSS/DHTMLバグ辞典スレッド 第３版
http://pc2.2ch.net/test/read.cgi/hp/1050844510/
で確認してください。

>>951
何をどう記述したのかわからないと、なんとも言えないよ。

１とか２とかが一つ一つblock要素なの？
で、すべてに
float:left;
とかしたってこと？

>952

>953

>952

>953

それぞれのフロート
１、レフト
２、レフト　とクリア：レフトを指定
３、レフト
４、レフト
５、レフト

２がクリア指定してるので１の下に。
問題は、３がレフトにフロートしてる１の横にくるのか、
２の次の項目なので２の横にくるか、って事です。
ちなみに、１と２の幅は同じ。

それぞれ全部divで括って、blockです。

ソース張った方が早いですかね。

#1{
width : 20em;
float:left;
}
#2{
float : left;
width : 20em;
clear : left;
}
#3{
width : 9em;
float : left;
}
#4{
width : 20em;
float : left;
}
#5{
width : 9em;
float : left;
}

#1にかかってるfloatは#2でclearされているのだから、N7が正しい。

>>955
ネスケが正しい。

>956

>957

なるほど。
一旦#2でクリアされてる、というところには気付きませんでした。
うまくやれるように頑張ってみます。

ありがとうございました。

テレビ見てたもんでそっけないレスだったが、
仕様書に即して言えばクリアされたからというより、

左(右)フロートの左辺は先行するすべての左(右)フロートの右辺よりも右に位置するか、
前者の上辺が後者の下辺よりも下に位置しなければならない

という決まりがあるからなんだけどね。

>>959
そういやそうだ。
clearされてなくとも、１の右側に２を表示するスペースがなければ同じように表示されるからねぇ。

>>958
positionとfloatをうまく組合わせればできそうな予感。

>>959
丁寧に有難うございます。

では、
１
２３４
　５

が正しいわけですね。

ポジションとか使わないと

１３４
２５

は無理っぽいですかね。
ポジションって扱いが難しいんで避けてきたせいで勉強しなおしてきます。

>>960
有難うございます。
ポジションって絶対指定なんですよね？
なんか異様に難しくなりそうです…。

position : relative;
top : -12em;
とやったら、

１３４
２５

とN7ではなりましたが、
IEでは、

　３４
１５
２

となりました。
本気で難しいですね。

絶対配置だとleftとtopの数値が可変なのでうまく置けないし。

>>962
ポジションプロパティにはstatic,absolute,fix,relativeがあるけど、
そのうちabsolute,fixは絶対位置、relativeはデフォからの相対位置、
をleft,right,top,bottomで指定できるようにする。
でstaticはデフォの位置固定。

>>964
通常フローの計算がそもそも違うことが問題ですから、
relative、staticは使えませんよね？
fixedの解釈も違うように思うんですが。

N7だと、ボックス自体が固定されました。
IEだと、固定されずに何もなりませんでした。

>>965
バグの問題だから。
CSS/DHTMLバグ辞典スレッド 第３版
http://pc2.2ch.net/test/read.cgi/hp/1050844510/
のリンク先などではバグの対処法も載っている参考しどうぞ。

おやすみ。

>>966
ありがとうございました。
そっち行って勉強してきます。

>>970 新スレよろ

『スタイルシートWebデザイン』のボランティアHTML化版。
次スレの >>4 に追加よろ。http://www.asahi-net.or.jp/~jy3k-sm/css1/2003maki/

⊂(ﾟДﾟ⊂⌒｀つ≡≡≡(´⌒;;;≡≡≡

>>970
よろ。

誰も立てないようなので立ててきます。

/* CSS・スタイルシート質問スレッド【22】 */
http://pc2.2ch.net/test/read.cgi/hp/1060869440/

>>4に>>969追加したら改行大杉っておこられたので、リンク切れの
・* CSS { イケてるスタイルを："作れ";} 発表所　（消滅？）
　http://strict.jp/~sappari/2ch/css.php
を削除しました。

>973
乙

のこり10レスくらいで冗長で誰も読まないんじゃないかと思える>>1を整理しなおしてくれ

>>975
そう思うなら自分でやれよ。

CSSに関する質問はこちらへ。

過去ログ、>>4、>>5-7を読めば判る質問、
OSやブラウザのバージョンを書いていない質問、
説明不足や国語力不足、態度に問題のある質問は
スルーされ易いので注意してください。

HTMLが間違ってるとCSS指定も意図通りに効きません。
出来るだけ正しいHTMLを心がけてください。
ソースを求められたら出来る限り応じると解決も早まります。

議論はスレ違いなのでよろすく。

過去ログ　>>2
関連スレ・仕様書・CSS検証　>>3
解説　>>4
FAQ　>>5-7
cf. http://web2ch.s31.xrea.com:8080/index.php?CSSFAQ
　　http://nira.s25.xrea.com/FAQCSS/ls_00.html

/*　こんなもん？　あとは任せた　*/

CSSに関する質問はこちらへ。

一、 過去ログ、テンプレ>>1-7を読め。
一、 OSやブラウザのバージョンを書け。
一、 質問する時の分かりやすい説明や国語力、態度を持参しろ。
一、 ｿｰｽを求められたら速やかに晒せ。
以上を守らないと、スルーされ易いので注意してください。

HTMLが間違ってるとCSS指定も意図通りに効きません。
出来るだけ正しいHTMLを心がけてください。

議論はスレ違いなのでよろすく。

過去ログ　>>2
関連スレ・仕様書・CSS検証　>>3
解説　>>4
FAQ　>>5-7
■テンプレサイト
http://web2ch.s31.xrea.com:8080/index.php?CSSFAQ
http://nira.s25.xrea.com/FAQCSS/ls_00.html

あのさ、長々と頭に付けるんだったら、要約するか、
リンク集作ってうpしたらいいんじゃないの？

そう思うなら自分でやれよ。

　　　 (⌒V⌒)
　　　│ ＾ ＾ │＜これからも僕を応援して下さいね（＾＾）。
　　⊂|　　　　|つ
　　　（＿）（＿）　　　　　　　　　　　　　　　　　　　　　　山崎パン

う

め

ぼ

し

喰

い

た

き

ゃ

ん

ぽ

dousuru?

555でも見るか

プニがかわいいのよ

中華、蛇も良い味出してるよなぁ

あれ？明日は映画公開日？

/* CSS・スタイルシート質問スレッド【22】 */
http://pc2.2ch.net/test/read.cgi/hp/1060869440/l50

あー今日が前夜祭だったー

しまったー

このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。