- 締切済み
ウィンドウ全体をテーブルで表示するには？
できればウィンドウ全体をテーブルにする方法を教えて欲しいです。 左右上下に余白がなく、ウィンドウの大きさと同じ大きさでテーブルが表示される様にしたいのですが、下記のタグをどうさわっても余白ができてしまいます…。 何処が間違いなのか教えて頂けると有り難いです。 下手ですがイメージもかいてみたので見てみて下さい。 分かり辛い説明で申し訳ありませんが、よろしくお願いします。 【HTML】 <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr><td>たいとる</td></tr> <tr><td class="menu_td"><ul class="menu">めにゅー</ul></td></tr></table> 【CSS】 body{ background-image:url(＊＊＊); background-repeat: repeat; } .menu_td{ padding-left:20px; height:20px; background-color:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; filter:alpha(opacity=75); -moz-opacity:0.75; } .menu{ margin:0px; padding:0px; list-style-type:none; } .menu li{ width:100px; height:20px; line-height:20px; float:left; } .menu li a{ padding-left:15px; height:20px; line-height:20px; background-image:url(＊＊＊); background-position:0% 50%; background-repeat:no-repeat; display:block; } .menu li a:hover{ background-color:#efefef; } table{ border-collapse: collapse; border: 0px #999999 solid; color: #999999; font-size: 9pt; font-family: Verdana,Osaka,'MS UI Gothic'; } ul{ margin:0px; padding:0px 0px 0px 15px; list-style-type:circle; } よろしくお願いします。
- meno_____u
- お礼率33% (4/12)
- CSS
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
tableをデザインに使うのは1999年のHTML4.01の勧告以来、とても厳しく否定されています。 ・単に文書内容を整形する目的だけで表を用いるべきでない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.1 ) ・ページレイアウトの目的で表を用いる。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 ) また、class名はあくまで文書構造を補完するためでデザインのために書くのではありません。HTMLに用意された要素(タグ)では足りないときに使います。 示されたHTMLでは文書構造が全くつかめません。これは重大なことなのですよ。 ・構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 ) で言っていることは，HTMLでは文書構造だけをマークアップせよという事です。それが判らないと手が付けられません。 HTML5では、「id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )」が理解されなかった反省から、わざわざ新しい要素が追加されました。 ⇒HTML5/新しい要素( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements ) 例えば・・次のようなHTMLだとします。 <body> <div class="header"> <h1>タイトル</h1> <div class="nav"> <ul> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </div> </div> <div class="section"> <h2>本文見出し <div class="section"> <h3>サブタイトル</h3> <p>記事</p> </div> <div class="contentTable"> <h3>このページの目次</h3> </div> <div class="aside"> <h3>補足記事</h3> </div> </div> <div class="footer"> <h2>文書情報</h2> </div> </body> というHTMLだったとします。検索エンジンにも、第三者のあなたでもどこに何が書かれているか一目瞭然でしょう。デザインは一切ないから、デザインを劇的に変更することも出来ます。 これを希望されるようにデザインするのは難しくはありません。
