Q&A
直ったのですがFirefoxで見るとボタンの高さがFULLにならないという不具合があります。
これについては別にスレ立てします。
Htmlのテーブルを画面にフルサイズで表示したいので
以下のコードを書きました。
これ先頭の<!doctype html>を削除すると正しく縦横画面フルで表示されますが
これを<!doctype html>あっても正しくフルで表示するようにしたいのですが
それにはどこを修正すればいいのでしょうか？
追記
回答2件
0
お試しください。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<meta charset="UTF-8"> 5<title>alertのサンプル</title> 6<style> 7html , 8body{ 9 height:100%; 10 margin:0; 11 padding:0; 12} 13table { 14 height: 100%; 15 width: 100%; 16} 17td{ 18 height:20%; 19} 20button{ 21 height: 100%; 22 width: 100%; 23} 24 25</style> 26</head> 27<body> 28 <table> 29 <tr> 30 <td><button type="button" onclick="fncCall('a')">ボタン1</button></td> 31 <td><button type="button" onclick="fncCall('b')">ボタン2</button></td> 32 <td><button type="button" onclick="fncCall('c')">ボタン3</button></td> 33 </tr> 34 <tr> 35 <td><button type="button" onclick="fncCall('d')">ボタン4</button></td> 36 <td><button type="button" onclick="fncCall('e')">ボタン5</button></td> 37 <td><button type="button" onclick="fncCall('f')">ボタン6</button></td> 38 </tr> 39 <tr> 40 <td><button type="button" onclick="fncCall('g')">ボタン7</button></td> 41 <td><button type="button" onclick="fncCall('h')">ボタン8</button></td> 42 <td><button type="button" onclick="fncCall('i')">ボタン9</button></td> 43 </tr> 44 <tr> 45 <td colspan="3"><button type="button"onclick="fncCall('j')">ボタン0</button></td> 46 </tr> 47 <tr> 48 <td colspan="3"><button type="button"onclick="fncCallclr()">クリア</button></td> 49 </tr> 50 </table> 51</body> 52</html>
投稿2017/12/01 07:10
総合スコア3235
0
ベストアンサー
body、tableのstyle属性を削除して、以下のようなCSSを定義してあげれば、期待される表示になると思います。
html
1<style> 2table { 3 position: fixed; 4 height: 100%; 5 width: 100%; 6} 7</style>
投稿2017/12/01 06:30
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/12/01 07:17