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

このエントリーをはてなブックマークに追加
842Name_Not_Found:04/08/09 15:25 ID:???
スミマセン
どっかにそんな事が書いてあった記憶があったので・・・
ありがとうございました。
843Name_Not_Found:04/08/09 15:27 ID:???
>>840
つまり、

だけのブロックレベルと、
▲▼
だけのブロックレベルにわけて、
それをfloatってわけだ。   
844Name_Not_Found:04/08/09 16:01 ID:???
>>843
まわりこませるわけだから、
<div style="float:right;">▲▼</div><div>■</div>
って、書けばいいんですよね?
845Name_Not_Found:04/08/09 16:08 ID:???
>>844
それでもいいんだが、それだと「CSSを適応するためだけに無理矢理書いた文書」だよな。
そんなやり方するくらいならテーブル使うといい。

なぜ、■が左にあって(左にある理由じゃなくて、■が独立してる理由ね)、
▲▼が右にある、という形になるのか、って考えていくと、それぞれが「どういうブロックレベル要素」でマーク付けすべきか見えてくると思うが。

余談が長すぎたな。すまん。
846Name_Not_Found:04/08/09 16:08 ID:???
>>844
ああ、あとfloatにはwidthつけとけよー
847Name_Not_Found:04/08/09 16:52 ID:???
絶対配置でも使っとけ
848Name_Not_Found:04/08/09 18:45 ID:???
HPBがおすすめだい。
849Name_Not_Found:04/08/09 19:11 ID:???
初めてスタイルシートでサイト作ってみたんだが、どこもかしこもdivとspanで房になっちまった。
しかも、サイトの構成で両端背景で真ん中650pxのとこにコンテンツが表示されるようにしたくて、
一番外回りをこんな風に書いて括ったんだが、表示してみたらIEとNCで横幅が違うんだ。どうしてだかワカンネ
しかもど真ん中に表示する方法が分からず左から座標指定してるんだが、真ん中表示の方法ってあるのか?
教えてチャンで申し訳ない。どうか教えてくれ

div.in { position:relative;
width:650px;
left:50px;
margin:0;
padding:0 10px;
background-color:#ffffff;}
850Name_Not_Found:04/08/09 19:19 ID:???
alignをセンターに
851Name_Not_Found:04/08/09 19:20 ID:???
>>849
既出

>横幅
>>830

>真中によせる
>>5-8
852Name_Not_Found:04/08/09 19:21 ID:???
>>849
FAQ(>>5-8)を読んでください。
853851:04/08/09 19:23 ID:???
あらやだ。
ケコーン>>852
854849:04/08/09 19:40 ID:???
>>850-853
thx!FAQに載ってるような事聞いてスマソ
もうちょっと詳しくなるよう出直してくる
align センターってすごい初歩だよな
テーブルレイアウトんときから使ってたからすっかり頭から抜けていた
855Name_Not_Found:04/08/09 19:43 ID:???
FAQってなんて読むの?
ファッキュー?
856Name_Not_Found:04/08/09 19:55 ID:???
口に出すときは「えふえーきゅー」だが
意味は「何回も同じこと聞いてくるんじゃねえファックユー」ってこと
857Name_Not_Found:04/08/09 19:59 ID:???
Q&Aは
クエスチョン&アンサーで、
FAQ何の略だ?
858Name_Not_Found:04/08/09 20:02 ID:???
>>857
FAQ見てこい。
859Name_Not_Found:04/08/09 20:27 ID:???
ファンタスティック アメイジング クエスト

新作RPG?
860Name_Not_Found:04/08/09 20:41 ID:???
全米が泣いた。
861Name_Not_Found:04/08/09 22:19 ID:???
862Name_Not_Found:04/08/10 11:09 ID:???
>>845
横から見てたんだけど結局どうやるのん?
863Name_Not_Found:04/08/10 11:47 ID:???
むしろ>859の親が泣いた
864Name_Not_Found:04/08/10 12:09 ID:???
>>862
それぞれ適切にマークアップして、
インラインレベル要素の場合はブロックにしてから、
float 。
865昔の人:04/08/10 12:29 ID:???
いい加減なことばかり教へてはいけません。
わざわざブロック要素としてマークアップする必要は無いはず。
インライン要素でも、floatかければブロック・ボックス扱ひになると仕樣書にあるでせう?
http://www.y-adagio.com/public/standards/tr_css2/visuren.html#floats

866Name_Not_Found:04/08/10 12:35 ID:???
・CSS2の仕様書の邦訳(個人訳)
 http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/cover.html

↑つながらないね。またサイト消滅ですか?
867Name_Not_Found:04/08/10 12:36 ID:???
864 100叩き
868Name_Not_Found:04/08/10 12:53 ID:???
http://cssbug.at.infoseek.co.jp/detail/mozilla/b047.html
絶対配置(position: absolute;)/固定配置/フロート状態にした要素はdisplayプロパティが強制的に「block」に設定される
CSS2.1では、displayプロパティがlist-item値の要素はフロート化してもlist-item値のままであると定義されています。このため、リストマーカーが消えないのが正しいことになります。
869864:04/08/10 13:02 ID:???
おおおおお。
いままで何の疑いもなく、

display: block;
width: 適宜;
float: left;

とか、コンボで叩いていた。
スマンカッタ。
870862:04/08/10 13:55 ID:???
>>864
すまんがソース書いてくれん?
871864:04/08/10 14:05 ID:???
<tag_1>▲▼</tag_1><tag_2>■</tag_2>

tag_1{
    float: left;
    width: 適宜;
}
tag_2{
    display: block;
    text-align: right;
}

でいいんじゃないの?
872862:04/08/10 14:23 ID:???
>>871
サンクスコ
873Name_Not_Found:04/08/10 16:29 ID:???
うむ。久々にちゃんとした流れだったな。
874Name_Not_Found:04/08/10 17:05 ID:???
>857

Frequently Answered Questions
Frequency Answer and Question
875Name_Not_Found:04/08/10 17:20 ID:???
876Name_Not_Found:04/08/10 17:21 ID:???
おまいら脱線しすぎ
877Name_Not_Found:04/08/10 17:27 ID:???
>>876
すまん。初心者スレとごっちゃになってた。
878Name_Not_Found:04/08/10 18:02 ID:752XY8RO
<li></li>内にblockに指定した<ins>を挿入すると
各<li>の間が開きすぎてしまう。
http://www.geocities.jp/sugi103/css-test.html

1.何故でしょう。
2.何かよい方法は無いでしょうか。
879Name_Not_Found:04/08/10 18:15 ID:???
880Name_Not_Found:04/08/10 18:18 ID:???
>>878
1.IEのバグ
2.
.brdr ol li{border:1px solid #fff;}
881Name_Not_Found:04/08/10 20:06 ID:???
>878
そのページ マクのIE5とNetscape7で文字化けするんだが
なんでだろ
882Name_Not_Found:04/08/10 20:38 ID:???
#adsense{
position:absolute;
left:620px;
width:240


代替広告にテキスト広告を使いたいと思っています。(google adsense
それでwidth:240を超えたら...か省略するようにしたいのですが、
どうやったらいいのでしょうか?

http://www5e.biglobe.ne.jp/~access_r/hp/css/css_property.html#text
http://www5e.biglobe.ne.jp/~access_r/hp/css/css_property.html#look
みても具体的にどう修正すればいいかわからなくて。
(´・ω・`)ショボーン どなたか教えてください。
883Name_Not_Found:04/08/10 20:39 ID:???
UTF-8で書いてあるのにShift_JISが指定されてるからじゃないの?
884882:04/08/10 20:43 ID:???
>883
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS">
って入れてるから問題ないと思うんだけど、間違ってる?
885Name_Not_Found:04/08/10 20:51 ID:???
>>884
ん〜、UTF-8で書いてあるなら、こうじゃないの?
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
886883,885:04/08/10 20:55 ID:???
って、おめーへのレスじゃねぇよ(#゜Д゜)
>>883 は、>>881に対するレス。

>>882
他人の金儲けに協力する気はねぇ( ´д`)
887882:04/08/10 20:59 ID:???
>886
すみません。

>他人の金儲けに協力する気はねぇ( ´д`)
いやぁ、bannerだと見る人がうざがるから
テキスト広告にしようと。鯖代だけでも稼ぎたくて・・・
888882:04/08/10 21:09 ID:???
http://www5e.biglobe.ne.jp/~access_r/hp/css/css_text_013.html
で解決しました。
お騒がせしました。
889Name_Not_Found:04/08/10 21:19 ID:???
続けて質問してすみません。

#adsense{
position:absolute;
left:620px;
width:240

ってなっているものなのですが、
位置指定を絶対的なものではなくて
相対的なものにするにはどうすればいいのでしょうか?

今のままならブラウザーの大きさを変えても同じところに
表示されるのですが、これをブラウザーの大きさに従って
同じ間隔で縮小拡大するようにしたいです。


よろしくお願いします
890Name_Not_Found:04/08/10 21:32 ID:???
>width:240
単位は?
891Name_Not_Found
>>889
とりあえずwidthに単位付けれ。まぁ多分コピペミスだろうけど。
ブラウザサイズにあわせるなら%指定。いっぺん相対サイズについて学んで来い