小学校 教師 しおちゃんマンによる 学校現場からのリアルなメッセージブログ。

Haru@tonetalkです。
Maxネタなので、のこのこ出てきました(^^)

IEとSafariで確認しましたが、確かに書かれているとおりになっていますね。
３段コラムをどのようなCSSで表記しているのか、もう少し教えていただければ解決法が見つかるかも知れません。僕もこれで苦労しましたので。
考えられるのは、Safariの問題を解決するのは、三つの部分全体を入れ込むIDブロックを作って、その中で両側のボーダーを定義されてはどうでしょうか。
今はたぶん、左側・右側、それぞれ別々に定義しているから、内容がなくなったところで、表示が切れているのだと思います。
IEの場合は、floatプロパティを使わずに、三つの部分を絶対的にポジションを指定したらどうでしょうか。

試しにFireFoxで見てみたところ、カレンダー部分にスクロールバーが現れた以外、上手く表示されました。
参考になりますでしょうか？

>Haruさん

どうもです。m(_ _)mペコッ
3カラムのCSSですが、どこの部分をお知らせすればいいいでしょうか？とりあえず関係しそうな部分は、

-----↓ここから-----
#center {
float: left;
width: 400px;
overflow: hidden;
}

#right {
float: left;
width:200px;
background-color: #FFFFFF;
overflow: hidden;
}

#left-side {
float: left;
width: 200px;
background-color: #FFFFFF;
overflow: hidden;
}
-----↑ここまで-----

としているのですが……。

PS:カレンダー部分のスクロールも気になります。(T T)

わたしのとこの掲示板（投稿者のリンク先）に解決方法をコメントしておきましたのでご確認ください。m(_ _)m

>ぞうさん

ありがとうございます。
IEで、右サイドバーが落ちるのは解決しました。
ただ、カレンダーの横のスクロールバーが消えてくれません。
また、このスクロールバーは、IEだけでなくて、Safariでも出るようになってしまいました。(T T)
カレンダーは、以下のように書いています。

archives/.html" frameborder="0" marginwidth="0" marginheight="0" scroll="no" width="180">

こんばんは。
解決されたようで、もう僕の出番ではありませんが…
CSSの記述に特に問題はないと思いますので、カレンダー部分は、横幅が200pxを超えてしまっているので、スクロールバーが出たのでしょうね。
今回の解決法は、僕も参考になりました。

ただ、いつまでもMac版IEをサポートするのは大変じゃないでしょうか？　もう開発の終わったブラウザでもあるし…
僕は今ではIEを立ち上げることもないし、Safariも２バイト文字の扱いに難があるので使っていません。
と言うわけで、FireFoxをお勧めします。一度試してください。
表示能力はなかなかのものです。

では、失礼しました。

＞Haruさん

おかげさまで解決しました。
ブラウザの件、確かにそうですね。
紹介してもらったFireFoxをさっそく試してみます。
いろいろありがとうございました。

コメントしてください

サイン・インを確認しました、 さん。コメントしてください。 (サイン・アウト)

(いままで、ここでコメントしたとがないときは、コメントを表示する前にこのウェブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

URL:
情報を登録する? はいいいえ

コメント: