DIVの高さを揃えるスタイルを適応したのですが、一部だけ上手く表示できません。
ttp://coliss.com/articles/build-websites/operation/css/558.html
ここの方法に習って
ttp://kotekote.web.fc2.com/test_a.html
ttp://kotekote.web.fc2.com/test_b.html
を作成しました。
test_a.htmlはindex.htmlとなるもので、1ページだけレイアウトが異なるのですが、これだけ上手く表示できません…。
CSSファイルは以下です。
ttp://kotekote.web.fc2.com/css/base.css
WindowsXPで確認したところFirefox2.0やIE7では表示されており、IE6だけ表示が上手くいかないようです。
ご助力お願いいたします…。
ベストアンサー
-
Hi32
満足50pt
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
これを消してみてはいかがでしょうか？
理由は
http://128bit.blog41.fc2.com/blog-entry-117.html
に詳しいです。
幸いなことにfc2ブログをご使用のようですので。
-
LASA
-
LASAその他の回答
-
tezcello
満足35pt
> ログインだけ階層が複雑になりすぎているからでしょうか…。
そうではなくて、log-in ページには画像があるからでしょう。
画像の周りに自動的にマージン、パディング、ボーダーが入ったりって事は無いでしょうか？
ボックスサイズを計算してキッチリ合わせようとすると、ほとんどの場合 IE6 は失敗しますねぇ...
チョッとだけ試してみましたが、
- master のサイズを 963px にする
- 全要素でのマージン指定を -1px にする
どちらかでとりあえず表示は出来るみたい。
bg_l, main, bg_r の下側マージンとパディングを止めると main 部分は表示できるけどグラデーションが短くなっちゃいます...
単に両サイドにグラデーションを入れたいだけなんでしょうけど、３カラムにしないと出来ないモンでしょうか？
両サイドに空白文字を入れている時点で「見栄え」を排除しているとは言い難いと思うので、素直にテーブルでレイアウトしてしまったらどうでしょう？（簡単に希望通りになるのか試していないけど）
他にも方法がありそうですけど。
IE6 のときの表示の乱れを気にされていますが、スタイルシートで IE6 非対応の部分が一杯あるように思いますが大丈夫でしょうか？
「あああ」「いいい」「ううう」「えええ」「おおお」へのリンク部はマウスオーバーで真っ白になっちゃいます。
-
LASA
この質問へのコメント
質問の情報
- 登録日時
- 2008-05-29 19:07:57
- 終了日時
- 2008-05-31 00:30:04
- 回答条件
- 1人10回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
私は、【チルスポ】 という名前で、 チルスポット情報を共有するアプリを開発しています。 皆さんの知って…
匿名質問者
1
-
同じような体験をしたことがある人はいますか？。 ある日、お葬式の職業に就きたいなあなんて話題にしてい…匿名質問者
1
-
b型就労支援施設に通っている方に質問です。どういうことが通っていて辛いと感じますか？他の利用者の方と…匿名質問者
-
令和は読み方で言うなら霊和とも読めますよね？令和は縁起が良いでしょうか？。 霊和となって幽霊は大喜び…匿名質問者
-
私の彼氏は毒親育ちで、うつ病を患い、家を追い出された後ホームレスになって、現在は何故か逮捕されて留置…匿名質問者2
高さを揃える必要が無いように思います。
padding-bottom: 32768px;
margin-bottom: -32768px;
すべての、上記を消してみてはいかがでしょうか？
またまた、把握していなければすみません。
#bg_lと#bg_rは#mainに高さを揃えないとシャドウ部分の画像がうまく表示されないので、高さをそろえるのは必須なんです…。
#main部分がページごとにheightが変わるので、各カラムのheightをpx指定することができません。。
左右１枚に普通しませんか？ご存知だとは思うのですが一応。
http://www.koikikukan.com/archives/2006/11/29-015555.php
http://www.koikikukan.com/archives/2006/11/30-022020.php
最悪、解決できなかった場合は、１ページだけ別のｃｓｓを当てられてはいかがでしょうか？これもまと外れですか？自信がありません。
すみません。
問題を把握できないので、もし、他の方で回答が付かない場合はキャンセルしてください。lasa007さんはテーブルレイアウト出身の方でしょうか？テーブルレイアウトの置き換えのような構造なのは何か理由があるのか、スクリプトにも意味があるのかないのか良くわからないです。回答した限りはきちんと回答したかったのですが、想像を越える範囲なので、投げ出します。ごめんなさい。
いえ、表示させたいのはこういうことですが、このような方法を存じ上げておりませんでした…。
恥ずかしいながらテーブルレイアウト出身のCSS未熟者なもので、どうしても先入観念で昔のレイアウトの仕方を基準に考えがちで、Hi32さんの指摘がどこを指しているものなのかが理解できず、上記のような回答をしてしまいました。
ご好意を無為にしてしまい申し訳ありません。
先ほど教えていただきましたサイトを熟読し、構築しなおしてみます。
うまく表示することが出来、今後の糧になる教えを頂き誠にありがとうございました。
これにて終了させていただきたいと思います。
オンラインでは表示できなかったので、ローカルに保存して調べているうちに何か不都合があったのかもしれませんね。
今、見てみると問題なく表示されているようです。お騒がせしました。