/* CSS・スタイルシート質問スレ 上級者用【71th】at HP
/* CSS・スタイルシート質問スレ 上級者用【71th】 - 暇つぶし2ch763:Name_Not_Found
10/04/19 16:00:56
そのページが原因

764:Name_Not_Found
10/05/27 00:39:50
  ウッウー ([[[[[)<

765:Name_Not_Found
10/05/29 22:26:45 qMl3o4yB
フッターのブロック内に<ul>要素と<p>要素を上下に並べ

----------------------------------------
<ul><li>画像</li><li>画像</li></ul>
<p>画像</p>
----------------------------------------

<ul>要素はmargin:0 0 0 ***px;で右側に配置し、
<p>要素はtext-align:right;で右側に配置します。

----------------------------------------
     <ul><li>画像</li><li>画像</li></ul>
     <p>画像</p>
----------------------------------------

<ul>要素のbottomにpaddingを指定した場合、

Firefox,Safari3.1,Netscape - 開きが他ブラウザより大きい
   ※他ブラウザ
    Opera,IE8

という現象がありました。

そこで

body{
font-size:12px;
}

と指定すると開きの差がなくなりました。

これは何か有名なバグですか?

766:Name_Not_Found
10/05/30 01:32:13
どなたか宜しくお願いします。
クラス「oya:」の定義リストのDDの入れ子としてクラス「ireko」の定義リストを以下のように入れています。
クラスoyaで定義しているdtやddの設定が継承されているのかクラスirekoで定義したdtやddの表示が崩れます。
主にクラス親のdtの値がそのまま継承されてしまうのはわかるのですが、oyaクラスとは別に、継承されずにクラスirekoを設定する方法はないでしょうか?
現状、irekoクラスをセレクタで最優先になるよう設定して、全ての値をオーバーロードしようとしているのですが適用できません。

<dl class="oya">
<dt>あいうえお</dt>
<dd>
<dl class"ireko">
<dt>ABC</dt>
<dd>ABCDEFGHIJK</dd><dd>LMNOPQRST</dd>
</dl>
</dd>
</dl>


767:765
10/05/30 11:32:32 xwPZUtJB
:補足事項です

----------------------------------------
     <ul><li>画像</li><li>画像</li></ul>
     <p>画像</p>
----------------------------------------

の上部にさらに<ul><li>画像</li><li>画像</li></ul>

がありました。

----------------------------------------
     <ul><li>画像</li><li>画像</li></ul>




     <ul><li>画像</li><li>画像</li></ul>
     <p>画像</p>
----------------------------------------

上部の<ul><li>画像</li><li>画像</li></ul>のpadding-bottom:に3pxを指定すると、

下部のフッターブロック内のパーツの間隔がまた広がってしまいました。

そこでbody{line-height:2;}、li{line-height:1.5;}を設定したところ直りました。

body{font-size:12px;}、body{line-height:2;}、li{line-height:1.5;}のどれが欠けても、
フッター内のパーツの間隔が広がります。

これは何故なんでしょう?

768:Name_Not_Found
10/05/30 12:34:06
なんでbodyに掛けるの?

769:Name_Not_Found
10/05/30 13:50:07
>>767
img {vertical-align:bottom;}

770:767
10/05/30 14:27:25 xwPZUtJB
>>769
img{vertical-align:bottom;}を使わない場合です。

分かりにくくて申し訳ありまてん。

771:Name_Not_Found
10/05/31 03:47:20
>>762
あちこちで質問してるけど自力で頑張ってんの?

772:Name_Not_Found
10/06/10 06:34:49 iEIuije5
Yahoo! UI LibraryってIE8だけフォントサイズおかしい?

773:Name_Not_Found
10/07/05 22:57:47
初期ドメインでアクセスがあった場合に、
携帯からのアクセスの場合には、自動で携帯サイトに飛ばす処理を入れているのですが、

作成したHPをdocomo携帯から見た時にグーグルに勝手にPCサイトを携帯用に
変換されてしまって困っています。

そこで調べたところ、<head>内に次のコードを記述すれば
回避されるとの事でしたがやはり変換されてしまいます。

<link rel="alternate" media="handheld" href="URLリンク(hogemania.com)" />

なぜグーグルの変換機構が走ってしまうのでしょうか?

774:Name_Not_Found
10/07/06 14:17:37
マルチいくない・・・

775:Name_Not_Found
10/07/06 14:25:50
>>773
それはCSSでやることじゃないだろ
.htaccessとかPHPでやることだと思うが。

776:Name_Not_Found
10/07/18 05:17:13
次のコードを記述した場合に、FireFox3.6.6で
<body>内に定義した<div>ブロック内に長くなったコンテンツが収まり切ってくれません。
どの様なCSSを記述すれば、内部コンテンツが増えたとしても正常にページ内に収まり
切る様になりますか?

※症状としては、<div>で定義した枠線の外側に
ここでは「zzzz」とう文字列(コンテンツ)がでてしまいます。

.testCss
{
  border-bottom: #cc9900 1px solid;
  border-left: #cc9900 1px solid;
  border-top: #cc9900 1px solid;
  border-right: #cc9900 1px solid;
}

<body>

<div class="testCss">
 aaaa<br>
 bbbb<br>
 cccc<br>
 ・・・・ <!-- この部分にコンテンツが増えた場合 -->
 xxxx<br>
 yyyy<br>
 zzzz<br>
</div>

</body>

777:Name_Not_Found
10/07/18 05:28:59
ページ内 とはなに ?

778:Name_Not_Found
10/07/18 05:49:12
>>777
<div>
 このブロックの中です。
</div>

779:Name_Not_Found
10/07/18 07:29:58
なにか隠してないか ?

780:Name_Not_Found
10/07/18 11:38:22
>>779
いえ。

本当は、<div>で定義した枠線の中に文字列(コンテンツ)を全て
納め切った上で表示したいのですがどうしてもやはり駄目です。

781:Name_Not_Found
10/07/18 11:48:56
776
だけど自己解決。

782:Name_Not_Found
10/07/18 12:24:24
解決方法も書かないのはクズ。

783:Name_Not_Found
10/07/18 14:31:14
気合


最新レス表示
レスジャンプ
類似スレ一覧
スレッドの検索
話題のニュース
おまかせリスト
オプション
しおりを挟む
スレッドに書込
スレッドの一覧
暇つぶし2ch