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

このエントリーをはてなブックマークに追加
924Name_Not_Found
質問させてください。

ナビゲーションとして、メニューページへ戻る為のリンクを
ページの最下部に表示させたいと思っています。
文章量が少ない場合(スクロールなし)は、文章の下に空白をとって「見た目の最下部」に、
多い場合(スクロールが出る)は文章の終わりに、という風にしたいのです。

そのリンクを<DIV CLASS="xx">でくくって外部スタイルシートに次のように記入しました。

DIV.xx {position:absolute; bottom:5px; left:5px;}

すると、IE5.5、Opera7.20では意図通り表示されるのですが、
Netscape 7.01では常にページの見た目最下部に表示されてしまい、
文章量が多い場合、文章と重なって一緒に上へスクロールされてしまいます。
ちなみに上記の例のOSはWinMEですが、
MacOS9.1でも確認して貰ったところ、IE(バージョン不明)でも同じようになってしまうそうです。

これを全て、WinでのIE、Operaの表示になるようにしたいのですが、
どのようにしたらよいのでしょうか。どなたかご教授下さい。





925Name_Not_Found:03/11/17 21:45 ID:cAtmwCGr
質問です。

リストを作ったのですが、フォントサイズを指定しても、ブラウザで文字サイズを変えると、リスト同士の間が広がっていってしまいます。
何か対処法はないでしょうか…?
マージンやパディングは試したのですが、どうも違うようです。
リストマークを無しでやっているのですが、どうやらこのマークの大きさが見えないところで変わっちゃっているので、間があくんだと思います。
そんな気がしてても直せないので、どうか誰か教えてください<m(_ _)m>
926Name_Not_Found:03/11/17 21:57 ID:???
>>925
line-heightではないの?
927Name_Not_Found:03/11/17 23:07 ID:cAtmwCGr
>>926
できました!
どうもありがとうございました。
928Name_Not_Found:03/11/17 23:50 ID:???
929Name_Not_Found:03/11/17 23:57 ID:???
>>924
bottomプロパティは、ボックスのマージン下辺が包含ブロック下辺からどれだけ上に位置しているかを指定する。
で、包含ブロックは何なのかな? ソースが出てないからわからないけど。
ちなみに初期コンテナブロックを生成する要素は、WinIE6標準モードではhtml要素、WinIE6互換モードとWinIE5.5以前はbody要素。
930Name_Not_Found:03/11/18 00:07 ID:???
>>924
IE6でもネスケと同じになるよ
931Name_Not_Found:03/11/18 03:57 ID:FDoai75q
<div id="main">
 <dl>
  <dt>ああ</dt> <dd>aa</dd>
  <dt>いい</dt> <dd>ii</dd>
 </dl>
</div>
として、dt を float させたとき、dt に同時に clear も指定すれば
前の float は clear されて
 ああ aa
 いい ii
となるんですけど、最後の dt の float はどこで clear したらいいですか?
適当な<hr>とかおくしか無いのでしょうか。上の例のとき、div#main に border
つけてたりすると、最後の いい ii が border からはみ出ます。IE6 です。
932Name_Not_Found:03/11/18 04:09 ID:???
>>931
別にわざわざ<hr>置かなくても、次に来るブロックレベル要素で
clearしておけばいいんじゃないの?
933Name_Not_Found:03/11/18 08:38 ID:???
MozillaとOperaのpaddingとmarginがズレるのは、仕様なんでつか?
それともIEがズレるの?
934Name_Not_Found:03/11/18 09:48 ID:???
>>933
普通はIEを疑う。
935Name_Not_Found:03/11/18 10:22 ID:???
>>931
FAQの>>7は見た?
http://cssbug.at.infoseek.co.jp/detail/winie/b079.html
「親要素の幅を明示(widthプロパティを具体的な値で指定する)することでも回避できます。」
936924:03/11/18 11:40 ID:???
お答え下さった皆様、ありがとうございます。

>>928
ざっと見て少しいじってみましたが、特に関係ないように思います……。

>>929
包含ブロックというのがちょっとよくわからないので、一応ソースさらします。

<BODY>
<DIV CLASS="aa">
 本文
</DIV>
<DIV CLASS="xx">戻る</DIV>
</BODY>

大体こんな感じになっています。この場合包含ブロックはbodyになるのでしょうか。
本文をくくっている<DIV>の中に組み込んでしまえばいいような気がするのですが、
本文はページ端からの余白を取りたいので(「戻る」はページ端にぴたりとくっつけたい)……。
<DIV> <DIV CLASS="aa">本文</DIV> <DIV CLASS="xx">戻る</DIV> </DIV>という風に
入れ子?にしても問題ないんでしょうか。何かDIV厨という言葉あるみたいなので、ちょっと心配です。

>>930
そうなんですか! それが噂の標準モードってヤツなんでしょうか。
IE6、そろそろ入れようかな……。
937Name_Not_Found:03/11/18 11:46 ID:???
938Name_Not_Found:03/11/18 12:41 ID:???
お手本のようなデブチュウだな
939Name_Not_Found:03/11/18 14:25 ID:???
<hr size="1">に相当するものがCSSにないようですが・・・
940Name_Not_Found:03/11/18 14:45 ID:???
>>939
探したの?

hr要素へのスタイル指定
http://cssbug.at.infoseek.co.jp/misc/hr.html
941Name_Not_Found:03/11/18 14:52 ID:???
>>940
いや、 size="1" に相当する太さ1pxの横線を表示できない様だったので・・・
942Name_Not_Found:03/11/18 14:55 ID:???
>>941
あ、自己解決しました
height:1px指定すれば良いだけですね・・・
なんかborderとか引っ張り出して考えてました。すいません。
943Name_Not_Found:03/11/18 15:00 ID:???
>>941
試したの?

<hr style="border:none; border-top:1px solid red; height:1px">

どんなソースでどのブラウザで表示させたらどううまくゆかないのか、書いて下さい。

944Name_Not_Found:03/11/18 15:30 ID:???
>>943
リロードしたの?
945Name_Not_Found:03/11/18 16:52 ID:Dl2HIK7K
IEのCSS仕様が微妙に間違ってるから腹立ててんのか、
IEだと見づらいように仕向けてるページがあって超ムカツクよね(下の方にtestbymozillaとか書いてんのブ)
ユーザビリティを考えるなら97%を優先しろってのヒネクレ者め
マジで潰したいです
946Name_Not_Found:03/11/18 17:49 ID:???
むかつくなら見なきゃいいのに、
その意地悪?なスタイルでそのサイトを見ているあんたは負け犬
いや、ぞぬ。
947Name_Not_Found:03/11/18 18:20 ID:???
>>945
ユーザスタイルシートを使うとか、CSS自体を無効にさせるとか・・・
948Name_Not_Found:03/11/18 20:11 ID:???
LinuxにはIEなんてないからテストできないんだな
Mozでちゃんと見られて、CSS Validatorに怒られなければ
そんなに致命的なことにはならんだろ
949Name_Not_Found:03/11/18 23:13 ID:???
IEに合わせとけばいいんだよ。
そのうちCSS2.1みたいにW3Cの仕様書がIEに合わせて改定されるから。

W3Cもやっちゃったね。一度確定した仕様を覆すなんて
マヌケな事やってると実装する企業がいなくなるよ。
950Name_Not_Found:03/11/19 04:13 ID:???
IEではちゃんと見えるのにMozillaやOperaで見るととっ散らかってるサイトってのは
そこそこ多いが、その逆は意外と少ない。
951Name_Not_Found:03/11/19 06:00 ID:???
>950
IE基準の制作者が多いんだから当然だろ(´Д`;)
952Name_Not_Found:03/11/19 06:59 ID:???
でもIEのCSS実装は褒められたレベルじゃないよな…
953Name_Not_Found:03/11/19 07:22 ID:???
つーかIEは独自拡張多杉
954Name_Not_Found:03/11/19 07:27 ID:???
>>953
独自拡張は使わなければいいからどうでもいいがバグが…
頼むからちゃんと実装してくれ。
955Name_Not_Found:03/11/19 10:59 ID:???
tableのvalignに相当するものをボックスモデルで実現するには結局どのような方法をとれば良いんでしょうか?
956Name_Not_Found:03/11/19 11:08 ID:???
>>955
margin-top : 50%;margin-bottom : 50%;
じゃダメ?
957Name_Not_Found:03/11/19 11:29 ID:???
>>956
ごめんなさい。説明が悪かったです。
table内部のthやtdに対するvalignに相当するものです。
958Name_Not_Found:03/11/19 13:28 ID:???
>>957 
HTML でのレイアウト指定の、 CSS での指定との対応表
http://deztec.jp/site/tips/page/p0037.html

そろそろ誰か、次スレッド立てて。
959Name_Not_Found:03/11/19 13:31 ID:???
>>958
立ててみるけど期待せず待っててくれ。
960Name_Not_Found:03/11/19 13:39 ID:???
/* CSS・スタイルシート質問スレッド【25】 */
http://pc2.2ch.net/test/read.cgi/hp/1069216458/
立てたー。
961Name_Not_Found:03/11/20 03:27 ID:???

/* CSS・スタイルシート質問スレッド【25】 */
http://pc2.2ch.net/test/read.cgi/hp/1069216458/l50
962Name_Not_Found:03/11/20 16:51 ID:???
      _,,_
     /´o ヽ    閑古鳥だよ。
   ,.ィゝ     l    
    ̄ヽ     l
       l     ヽ___
     /  ,,...---`ニニニ==、,,__
     l  / ヽ ヽ ヽ ヽ ヽ ヽ ヽ l三三三>
      |  iヽ ヽ ヽ ヽ ヽ ヽ ヽ/三三/''ー- 、
     ヽ. ヽ、ヽ ヽ ヽ ヽ ヽ.∠三=‐''´>‐--‐'
       ヽ、`'''ー‐---‐'''´_,,...--‐'''´
         `''ーッ--t_,r'''´
        _/._/
        .フ^ー フ^
963Name_Not_Found:03/11/20 16:56 ID:???
┌─────────────
|埋めヨーヨ
└─v────────────
  ∧ ∧
  ( ´ー`)∧ ∧
   \ < (´ー`) チラネーヨ /|
    \.⊂ヽ \/|____//
      \ ⊂ _,ノ   /
       ∪∪ ̄∪∪
964Name_Not_Found:03/11/20 17:14 ID:???
   ┌─────────────
   |埋めヨーヨ
   └─v────────────
     ∧ ∧
   ∧ ∧´ー`)
   ( ´ー`) <          /|
   |  つ\.\______//
   ∠ 丿   \       /
   ∪∪    ∪∪ ̄∪∪
965Name_Not_Found:03/11/20 21:14 ID:???
      ∧ ∧
     ( ´ー`)  / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
       > <  < まだまだ埋まらないーヨ
       ∧ ∧. \____________
      |∪∪|
      |   |
      | .6 |
      | .4 | /|
      | .9 |ノ丿
      |   |/
     .∪~ ∪
966Name_Not_Found:03/11/20 23:35 ID:???
さっさと埋めろ。
967Name_Not_Found:03/11/20 23:41 ID:???
ていうか、ちょっとスレ立てるのが早すぎなんだと思う。
次からは980くらいでいいよ。繁忙期以外ではね。
968Name_Not_Found:03/11/21 00:10 ID:???
ていうか数スレ前から970にということになってたと思ったが
969Name_Not_Found:03/11/21 03:49 ID:???
 .く ´  ̄ ` フ  ♪.*.+
  トノノ)⌒))〉   / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
  l(l ゚ ヮ゚ノリ  < おみゃーさん達、ほっほぅ〜だよぅ ♪
   (つ丱つ¶  \おみゃーさん達、そりゃ、ほっほぅ〜だよぅ ♪
   ノ_二〕   .*.+ \__________________
   ∪ ∪
970Name_Not_Found:03/11/21 04:03 ID:???
         _,.-''"´     ``‐-、_-、`-、丶、
        /_, -''´         \i  ヽ)ヽ)i
       _,-'"                  ノ )/
      /                      /
    /                        ノ
   /           l    |            彡
   / /         イ 丿 人l ノ          フ
  l //       // // ノ 丿/)丿ノノ       \_
  | l/         /ノ/ノ/    /ノ __ヽ         `‐、
   /       /   ヽl  。  / /  )丿ヽ  l   l\
  l  l     /     )、 _ / /_ /  )_, -ー'"´``‐、_
  |  l     /   °//   /  /_, -''"´  _,..-ー‐-、_l_
   l l  l  (、   /l    /\/  _, -''"´..-ー‐─--、._ /
   ヽl  l  l フ ̄───ー''"_,..-ー''"´ヽ_,-''"´        ヽ
     \ l  / く__|__ /    \              \
       ヽ\( l _,..-ー'' /       l               ヽ
          ヽ ` 、 __/   / l   l                l
           ``‐─-/   ノ 丿 丿                l
            i"          /                  l
           l          /                   l
           |、_____, -''´                     l
          / /    ヽ                          l
971Name_Not_Found:03/11/21 08:08 ID:???
無理に埋めずとも、自然に沈むに任せるがいいよ。
972Name_Not_Found:03/11/21 08:20 ID:???
この板沈むの遅いから…
973Name_Not_Found:03/11/21 09:04 ID:???
974Name_Not_Found:03/11/21 09:17 ID:???
うふふふふふっっっっつつつつつつつ
975Name_Not_Found:03/11/21 11:38 ID:???
埋め。
976Name_Not_Found:03/11/21 13:24 ID:???
977Name_Not_Found:03/11/21 15:02 ID:???
      \∧_ヘ     / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
 ,,、,、,,, / \〇ノゝ∩ < 1000とり合戦いくぞゴルァ!!       ,,、,、,,,
    /三√ ゚Д゚) /   \____________  ,,、,、,,,
     /三/| ゚U゚|\      ,,、,、,,,                       ,,、,、,,,
  ,,、,、,,, U (:::::::::::)  ,,、,、,,,         \ ぶーぶーぶー /
      //三/|三|\              タリー
      ∪  ∪     (\_/)タリー    タリー   まだ早えよ〜
                (  ´Д)    タリー  タリー
                /   つ  (\_/)   (\_/)ノ⌒ヽ、
               (_(__つ⊂(´Д`⊂⌒`つ(´Д` )_人__) ))
978Name_Not_Found:03/11/21 17:26 ID:???
979Name_Not_Found:03/11/21 19:14 ID:???
      \∧_ヘ     / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
 ,,、,、,,, / \〇ノゝ∩ < スレ立て合戦いくぞゴルァ!!        ,,、,、,,,
    /三√ ゚Д゚) /   \____________  ,,、,、,,,
     /三/| ゚U゚|\      ,,、,、,,,                       ,,、,、,,,
  ,,、,、,,, U (:::::::::::)  ,,、,、,,,         \ ぶーぶーぶー /
      //三/|三|\              タリー
      ∪  ∪     (\_/)タリー    タリー   まだ早えよ〜
                (  ´Д)    タリー  タリー
                /   つ  (\_/)   (\_/)ノ⌒ヽ、
               (_(__つ⊂(´Д`⊂⌒`つ(´Д` )_人__) ))

980Name_Not_Found:03/11/21 21:04 ID:???
981Name_Not_Found:03/11/21 21:06 ID:???
/* CSS・スタイルシート質問スレッド【25】 */
http://pc2.2ch.net/test/read.cgi/hp/1069216458/l50
982Name_Not_Found:03/11/22 00:14 ID:???
983Name_Not_Found:03/11/22 04:04 ID:???
前スレの841です。
その節はお世話になりました。
984Name_Not_Found:03/11/22 06:57 ID:???
985Name_Not_Found:03/11/22 08:17 ID:???
みんな本買ったんだな(w
986Name_Not_Found:03/11/22 10:37 ID:???
まだ埋まらないのか!!!
987Name_Not_Found:03/11/22 11:03 ID:???
<STYLE TYPE="text/css">
<!--
table { line-height: 120% }
-->
</STYLE>

を外部ファイルに記入しようと思い、

1.css
---------------------------------
table {
line-height: 120% }
---------------------------------
988987:03/11/22 11:05 ID:???
途中で書き込んでしまった・・

を外部ファイルに記入しようと思い、

1.css
---------------------------------
<style type="text/css">
table {line-height: 120%;
}
</style>
---------------------------------

と書いたのですが、記入通りには表示されませんでした。
どなたかやり方解る方いましたらご教授お願いします。
989Name_Not_Found:03/11/22 11:07 ID:???
990Name_Not_Found:03/11/22 11:33 ID:???
</p><p>の空白の幅(高さの幅)を変更したいのですが、
これはCSSで変更できるでしょうか?

991Name_Not_Found:03/11/22 11:38 ID:???
>>990
></p><p>
ネタか?
992Name_Not_Found:03/11/22 11:40 ID:???
高さの幅
あぁ、文字の改行の幅のことかい?
次スレあたりで聞いてみな〜(*´∀`)
993Name_Not_Found:03/11/22 11:50 ID:???
>>992
レスありがとうございます。
言うとおり、文字の段落の幅のことです。
次スレで聞貸せて頂きます。
994Name_Not_Found:03/11/22 11:53 ID:???
p{
line-height: **(数値)**(単位);
}
995Name_Not_Found:03/11/22 11:57 ID:???
>>987
ttp://tohoho.wakusei.ne.jp/css/basic.htm

外部ファイルで定義する。
996>987:03/11/22 13:46 ID:???
>>995
どうもです。ちょっとそちらのサイトを参考にさせて頂きます。
997Name_Not_Found:03/11/22 18:38 ID:???
ばっちこ〜い
998Name_Not_Found:03/11/22 18:46 ID:???
1000かもよ?
999Name_Not_Found:03/11/22 18:46 ID:???
999
1000Name_Not_Found:03/11/22 18:47 ID:???
       ∴ ∴` * ・ `*・
        ;∴`*・;`*
     __ `*・;`*・;_
    /∵∴∵|・*;:|iiiii|∴\ボッ
   /∵∴∵∴|`・*;*|iiii|∵∴\
  /∵∴∴,(゚)`*・;|iiii|(゚)∴|
  |∵∵/   |∴|iiii|○ \|
  |∵ /  三 |iiiiii| 三 |  / ̄ ̄ ̄ ̄ ̄
  |∵ |   __|iiiii|__  | < 1000! たわばっ!
   \|   \_|iii/ /  \_____
     \___|//
10011001
このスレッドは1000を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。