Sam2501 Ответов: 2

Я хочу, чтобы сайт вписывался в экран с точки зрения высоты.как сделать так, чтобы он поместился на весь экран. Это код


<!DOCTYPE html>
<html>
<head>
<title> Basic column layout with header </title>
</head>
<body style="margin:0px">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td bgcolor="lime" colspan="2"> <h1> Website logo </h1></td></tr>
<tr>
<td colspan="2"bgcolor="pink" valign="middle"><a href="http://www.facebook.com"> Home</a> </td>
</tr>
<tr>
<td bgcolor="grey" width="20%" valign="top">
<a href="http://www.google.com"> Google </a></br>
<a href="http://www.gmail.com"> Gmail </a></br>
<a href="http://www.yahoo.com"> Yahoo </a></br>
<a href="http://www.facebook.com"> Facebook </a></br>
<a href="http://www.ebn.com"> EBN </a></br>
</td>
<td bgcolor="silver"width="80%"valign="top"> <h3> Page heading </h3>
A three column layout with header,navigation bar and footer sections. The first, second and fourth tabel rows create the header navigation bar and footer respectively and containa single table cell each. All these table cells use colspan="3" attribute value pair.</br>

The third table row contains three table cells which create the menu column(left), the content column(middle) and the extra column(right).The third table row contains two table cells which create the menu column (left) and the content column (right). The colspan attribute is not set in either so they default to colspan="1".</br>
</tr>

<tr>
<td bgcolor="navyblue" colspan="2"> <center>Copyright © </center></td>
</tr>

</table>
</body>
</html> 


Что я уже пробовал:

Я попробовал поставить высоту 100%, но сайт появляется только на половине страницы с точки зрения высоты

2 Ответов

Рейтинг:
11

Karthik_Mahalingam

проверить это

относиться Свойство Window innerWidth и innerHeight[^]

<!DOCTYPE html>
<html>
<head>
    <title> Basic column layout with header </title>
    <script>
        function sizeit() {
            document.getElementById('div1').style.height = window.innerHeight + 'px';
        }
    </script>
</head>
 
<body style="margin:0px" onload="sizeit()">
    <div id="div1">
        <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="10">
            <tr>
                <td bgcolor="lime" colspan="2"> <h1> Website logo </h1></td>
            </tr>
            <tr>
                <td colspan="2" bgcolor="pink" valign="middle"><a href="http://www.facebook.com"> Home</a> </td>
            </tr>
            <tr>
                <td bgcolor="grey" width="20%" valign="top">
                    <a href="http://www.google.com"> Google </a></br>
                    <a href="http://www.gmail.com"> Gmail </a></br>
                    <a href="http://www.yahoo.com"> Yahoo </a></br>
                    <a href="http://www.facebook.com"> Facebook </a></br>
                    <a href="http://www.ebn.com"> EBN </a></br>
                </td>
                <td bgcolor="silver" width="80%" valign="top">
                    <h3> Page heading </h3>
                    A three column layout with header,navigation bar and footer sections. The first, second and fourth tabel rows create the header navigation bar and footer respectively and containa single table cell each. All these table cells use colspan="3" attribute value pair.</br>

                    The third table row contains three table cells which create the menu column(left), the content column(middle) and the extra column(right).The third table row contains two table cells which create the menu column (left) and the content column (right). The colspan attribute is not set in either so they default to colspan="1".</br>
            </tr>

            <tr>
                <td bgcolor="navyblue" colspan="2"> <center>Copyright © </center></td>
            </tr>

        </table>
    </div>
</body>
</html>
 
</html> 


Sam2501

Привет

Я не хочу включать css... только с html это возможно?

Karthik_Mahalingam

пробовать

<html>
<head>
</head>
<body style="margin: 0px; padding: 0px; height: 100%; width: 100%; text-align: center;">
<div style="height: 100%; width: 100%;">
<div style="height:100%; width: 100%; display: table;">


<table style="height:100%; width: 100%; border="0" cellspacing="0" cellpadding="10">
<tr>
<td bgcolor="lime" colspan="2"> <h1> Website logo </h1></td>
</tr>
<tr>
<td colspan="2" bgcolor="pink" valign="middle"><a href="http://www.facebook.com"> Home</a> </td>
</tr>
<tr>
<td bgcolor="grey" width="20%" valign="top">
<a href="http://www.google.com"> Google </a></br>
<a href="http://www.gmail.com"> Gmail </a></br>
<a href="http://www.yahoo.com"> Yahoo </a></br>
<a href="http://www.facebook.com"> Facebook </a></br>
<a href="http://www.ebn.com"> EBN </a></br>
</td>
<td bgcolor="silver" width="80%" valign="top">
<h3> Page heading </h3>
A three column layout with header,navigation bar and footer sections. The first, second and fourth tabel rows create the header navigation bar and footer respectively and containa single table cell each. All these table cells use colspan="3" attribute value pair.</br>

The third table row contains three table cells which create the menu column(left), the content column(middle) and the extra column(right).The third table row contains two table cells which create the menu column (left) and the content column (right). The colspan attribute is not set in either so they default to colspan="1".</br>
</tr>

<tr>
<td bgcolor="navyblue" colspan="2"> <center>Copyright © </center></td>
</tr>

</table>
</div>

</div>
</body>
</html>

Sam2501

Спасибо...
Получил его и без использования тега div..
Единственная причина, которая останавливается в моем коде для отображения полного экрана, - это
< DOCTYPE! HTML и ГТ;
Я удалил это и это работает

Karthik_Mahalingam

Круто

Рейтинг:
0

Graeme_Grant

В Google Search есть тонны ответов: html fit высота области отображения[^]