2015-04-19 5 views
0

Я собираюсь сделать так, чтобы вы могли превратить вещи на веб-сайт, например, в facebook, но это то, как я столкнулся с проблемами с моим текстовым контентом и моей колонтитулом, где он просто дает немного воздуха между этими двумя.Предоставляет между текстовым контентом и моей колонтитулом

Html здесь:

<div class="statusOpslag"> 
       <asp:TextBox ID="TextBoxStatusTekst" CssClass="statusTekst" runat="server" TextMode="MultiLine"></asp:TextBox> 
       <div class="Statusfooter"> 
        <asp:Button ID="ButtonSend" OnClick="ButtonSend_Click" runat="server" Text="Slå op" CssClass="statusKlikButtonOUT" /> 
       </div> 
      </div> 

CSS здесь

.statusOpslag { 
    background: #ffffff; 
    margin-bottom: 30px; 
    margin-top: 0; 
    margin: 10px; 
    padding: 0; 
    width: 95%; 
} 

.statusTekst { 
    width: 100%; 
    overflow: hidden; 
    word-wrap: break-word; 
    height: 120px; 
    max-height: 120px; 
    margin:0; 
} 

.Statusfooter { 
    background: #F4F4F4; 
    padding: 15px; 
    margin:0px; 
} 

.statusKlikButtonOUT { 
    background-color: #5cb85c; 
    border: 0; 
    color: green; 
} 

Вы можете видеть, что проблемы здесь enter image description here

Eidt CSS

Я сделал то, что вы описали в своем ответе, и ничего не помогает. - извините

.statusOpslag { 
    background: #ffffff; 
    padding: 0; 
    margin: 0; 
} 

.statusTekst { 
    width: 100%; 
    overflow: hidden; 
    word-wrap: break-word; 
    height: 120px; 
    max-height: 120px; 
    margin:0; 
} 

.Statusfooter { 
    background: #F4F4F4; 
    padding: 15px; 
    margin:0px; 
} 

.statusKlikButtonOUT { 
    background-color: #5cb85c; 
    border: 0; 
    color: green; 
} 
+0

В чем проблема? Если вы чувствуете, что есть пробел, играйте с полями/paddings. Кроме того, предоставьте созданный HTML-код. – Gael

+0

Снимите прокладку: 15px; – shmnsw

+0

Вы могли бы отредактировать первый блок css, нет необходимости добавлять тот же блок снова с парой изменений. – shmnsw

ответ

0

Избавьтесь от всех полей, которые вы установили. Затем добавьте это в CSS:

*{ 
    margin: 0: 
    padding: 0: 
} 

После того, как он установлен, вам не нужно устанавливать

margin: 0; 

Нет, где снова.

Кроме того, в вашем классе statusOpslog установить маржу дважды:

margin: 10px; 
margin-bottom: 30px; 

Вы должны установить его только один раз. Если вы не хотите, чтобы в вашем вопросе была получена маржа, вы не должны устанавливать маржи вообще для этого элемента.

+0

Его не работает, и у меня есть свой код css. –

+0

Ну, это должно сработать. Прочтите ответ еще раз. – shmnsw

+0

Я установил его на «margin-top: 10px; margin-bottom: 0; ' –

Смежные вопросы