HTML таблица выходит из div

Я думаю, что это довольно просто.

У меня есть этот HTML код:

<!-- About us --> 

<div id="aboutus">
    <p> About us </p>

    <table class="aboutusTable" cellspacing="0">
        <tr>
            <td>
                <p>Texto sobre nosotros</p>
            </td>

            <td>
                <img src="img/esquis.jpg">
            </td>   

        </tr>

</div>


<!-- End About us -->

А также этот код CSS:

 #aboutus {
    float: left;
    margin-top: 250px;
    width: 100%;
    text-align: center;
    color:white;
    background: #333;
    height:50px;
    margin-bottom: 100px;
   }    

   #aboutus p {
    margin: 10px;
    font-weight: 700;
    font-size: 1.2em;
    color:white;
   }

   #aboutus .aboutusTable {
    margin-top:500px;
    margin-bottom: 200px;
    table-layout: fixed;
    word-wrap: break-word;
    float:left;
   }

И то, что я должен был получить от этого, должно быть таблицей внутри «aboutus» div, но то, что я получаю, — это таблица в конце веб-страницы, даже ниже нижнего колонтитула.

Кто-нибудь знает, что происходит?

Спасибо!

1 ответ

  1. Вы ставите: margin-top:500px;.

    Попробуйте написать: margin-top:50px;в классе aboutusTable