operaだとテーブルがなくなります

Question

operaだテーブルがなくなります IEだと問題なく表示されるのにだれか助けてください style.css　　　body{background-color:#ffff99;margin:0px; font-size:large; font-family:"HG正楷書体-PRO","HG行書体","HGP行書体",cursive} .cur{font-family:cursive} .ser{font-family:serif} } table{background-color:#ff9933; 　width:100%; height:10%　　 }　　 .midori{background-color:#999933; width:100%; height:3.3%　 } 　　　　　　　ｈｔｍｌのほうは

こんな感じなのですがどうしてでしょうか

leap_day · Accepted Answer

こんにちは

色々と問題ありのスタイルシートですね（＞＜）

　　body{background-color:#ffff99;margin:0px; 
　　→→全額スペースが使われています
font-size:large; font-family:"HG正楷書体-PRO","HG行書体","HGP行書体",cursive} 
　　→→『；』閉じ忘れ
.cur{font-family:cursive}
　　→→『；』閉じ忘れ
.ser{font-family:serif}
　　→→『；』閉じ忘れ
}
　　→→『 } 』が余分にあります
table{background-color:#ff9933; 
　width:100%; height:10%　 
　　→→全角スペース、『；』閉じ忘れ
　 }
　　→→全角スペース　　
.midori{background-color:#999933;
width:100%; height:3.3%　
　　→→全角スペース、『；』閉じ忘れ
}

<table style="position:absolute; bottom:0; height=8% " class="midori">
　　→→『height:8%;』のはずが『height=8%』になっています


基本的に『プロパティ：値；』の形になります
『；』閉じしていなくても効きますが記述忘れなどで別のプロパティと続きと見なされることがあるので付ける癖をつけておきましょう

スペース空けに『全角スペース』は使用できません
『半角スペース』か『Tab』になります

指摘点を直せば表示されます（＾＾）

body {
background-color:#ffff99;
margin:0px;
font-size:large;
font-family:"HG正楷書体-PRO","HG行書体","HGP行書体",cursive;
}
.cur { font-family:cursive; }
.ser { font-family:serif; }

table {
background-color:#ff9933;
width:100%;
height:10%;
}

.midori {
background-color:#999933;
width:100%;
height:3.3%;
}

※残念ながらheight:***%;というのは比較する100％対象がないので効いていません（Operaのみposition:absolute;したtableに効いていますが）
px指定などに変えるか、親元のheightを決めてください

egoblock · Answer

テーブルがなくなるというのはどういうことでしょう？もし高さが失われるということであれば、それはセル内に内容が入っていないからだと思います。半角スペースなどをいれておくと良いと思います。 IE, Firefox,Operaで確認しましたがIEだけ大丈夫というのはIEのバグというか、誤解釈です。予断ですがフッター付き2カラムをやりたいのであれば

を入れ子にしてfloatをかけた方が楽だし、現在の主流です。

operaだとテーブルがなくなります

こんにちは

テーブルがなくなるというのはどういうことでしょう？

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング