- ベストアンサー
operaだとテーブルがなくなります
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% } ｈｔｍｌのほうは <HTML> <HEAD> <TITLE></TITLE> <link href="style.css" rel="stylesheet" type="text/css"> </HEAD> <BODY> <table><tr ><td></td></tr></table> <table class="midori"> <tr ><td></td></tr></table> <table style="height:6.7%"> <tr ><td></td></tr></table> <table style="position:absolute; left: 0px; bottom:8%; width:8%; height:100%; background-color:#993300"> <tr ><td></td></tr></table> <table style="position:absolute; bottom:0; height=8% " class="midori"> <tr ><td></td></tr></table> </BODY> </HTML> こんな感じなのですが どうしてでしょうか
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは 色々と問題ありのスタイルシートですね（＞＜） 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を決めてください
その他の回答 (1)
- egoblock
- ベストアンサー率22% (4/18)
テーブルがなくなるというのはどういうことでしょう？ もし高さが失われるということであれば、それはセル内に内容が入っていないからだと思います。半角スペースなどをいれておくと良いと思います。 IE, Firefox,Operaで確認しましたがIEだけ大丈夫というのはIEのバグというか、誤解釈です。 予断ですがフッター付き2カラムをやりたいのであれば<div>を入れ子にしてfloatをかけた方が楽だし、現在の主流です。
お礼
ありがとうございました <div>を入れ子にしてfloatかけるほうが楽だと学習しました。
お礼
無事operaでも表示できました。 問題ありすぎるスタイルシートで申し訳ありませんでした。 自分では気づけませんでした。 ありがとうございました。