firefoxでは見れるのですが、IEではmax-heightがきいてません。
以下ソースです。
}
#TREE-VIEW-DIV {
float: left;
width: 50%;
max-height: 35em;
overflow: auto;
}
これでfirefoxのほうでは、インラインフレームのように
テキスト量が縦に多ければスクロールバーが出ます。
でもIEではでてこず、ずべてのテキストが長く下へ表示されます。
どうしてでしょうか、教えてください。
※また、このサイトは左に1つ右へ上下2つの3ペイン画面なのですが、
これをすることによって、左と右を分けている境界線にグレーのラインを
いれているのですが、これが真ん中から切れてしまいます(IEのみ)。
この因果関係などわかりますでしょうか。
下がソースです。
}
div.●● {
margin-left: 10em; padding: 1em; border-left: thin solid #c0c0c0
}
No.1ベストアンサー
- 回答日時:
>IEではmax-heightがきいてません
これがIE6であるのなら 元々対応していない だった筈
この回答への補足
すばやいご回答ありがとうございます!
そのとおりです、明記忘れていましたIE6です。
なにかよい方法ご存知ないでしょうか。。
firefoxと同じ表示にしたいのですが・・・
No.2
- 回答日時:
思いつきで別の方法を考えてみました。
うまくレイアウトできるでしょうか!?
#leftbox {
position: absolute;
width:50%;
height: 35em;
overflow: auto;
}
.rightbox {
width: 50%;
margin: 0 0 0 auto;
}
<div id="leftbox">左ブロック</div>
<div class="rightbox">右上ブロック</div>
<div class="rightbox">右下ブロック</div>
ありがとうございます!
#leftbox {
position: absolute;
width:50%;
height: 35em;
overflow: auto;
}
で、IE6でもスクロールバーが表示されました!
ただ、この表示のしたにもごっちゃりCSSがあるので、
それが#leftboxに重なるようにあがってきちゃいました、
まったく不明・・・
なんとかやってみます!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- Excel(エクセル) 【エクセルマクロ】既に開いているIEの、サイズや表示位置を変更するには 4 2022/12/01 22:57
- HTML・CSS HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が 2 2022/12/15 16:56
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
離れた場所にマウスオーバーで...
-
1行で左寄せと右寄せと中央揃え...
-
文字を固定したいのですが…
-
Ctrl+F(検索)の窓を出したいの...
-
CSSでdivのheightを動的に
-
css固定したフッターが本文と重...
-
文字をクリックしたら別の文字...
-
CSS <div>の入れ子が反映さ...
-
CSS 可変マージン
-
スクロール可能なチェックボックス
-
<div valign=bottom> は効かな...
-
clear: bothの事で質問です。
-
追加記入もできるプルダウンメ...
-
★★★フッター最下部固定/スクロ...
-
オンマウス時に別画像を上に重...
-
左○○px、右は残りの幅(100%-左...
-
HTMLですCSSです 画像のように...
-
MAX関数を使ってからLEFT JOIN...
-
c++std::string型をTCHARに変換...
-
htmlの記述で link rel=styles...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Ctrl+F(検索)の窓を出したいの...
-
フッター上部に謎の隙間
-
【CSS】floatで左右に並べた...
-
HTMLですCSSです この画像のよ...
-
css固定したフッターが本文と重...
-
CSS <div>の入れ子が反映さ...
-
スクロール可能なチェックボックス
-
textareaで入力した文字を改行...
-
オンマウス時に別画像を上に重...
-
文字を固定したいのですが…
-
スタイルシートで画面を上下に...
-
チェックボックスの背景色って...
-
フッターの下に隙間ができてしまう
-
文字をクリックしたら別の文字...
-
大分類・中分類・小分類
-
HTMLですCSSです 画像のように...
-
CSSでdivのheightを動的に
-
★★★フッター最下部固定/スクロ...
-
離れた場所にマウスオーバーで...
-
htmlのstyleのposition:relativ...
おすすめ情報