убрать верхнюю полосу

[mstdmstd]

Всем привет,

Если зайти на страницу http://oherron.com/backend.php/login и кликнуть на "login" без ввода мейла/пароля то сверху над полем мейла будет выведен серый прямоугольник с ошибкой, но

также будет серый прямоугольник сверху страницы - который нужно убрать.

Для вывода этой ошибки выводится код

<div class="ErrorLine margin"> 	 Enter email and password! </div>

с описанием в стилях

.ErrorLine{
color:red;
margin:0 auto 13px;
width:356px;
height:20px;
background-color:#eeeeee;
text-align:center;
padding-top:4px;
position:relative;
top: 260px;
left:0px;
}

Верстка там не моя Все мои попытки убрать верхнюю полосу никчему не привели.

На странице только 1 элемент с классом ErrorLine. Если убрать строку top: 260px; то полоса с ошибкой ложится сверху на верхней полосе.

Как убрать верхнюю полосу?

[mrnobody]

Можно добавить отрицательный верхний маржин в -37px:

20px(heigth) + 4px(paddting-top) + 13px(margin-bottom) = 37px.

margin: -37px auto 13px;

Edited August 15, 2013 by mrnobody

[pashkje]

А не проще просто вставить <div class="ErrorLine"></div> перед <div class="registerBox"></div> ?

Ну или как вариант:

.homePageContent {

background-image: url(/images/login-background.png);

}

Edited August 15, 2013 by pashkje

[Catherine]

Серая линия вверху страницы - это ничто иное, как место, отведенное под ErrorLine. То, что блок сдвинули на 260рх вниз, дает лишь смещение этому блоку относительно области, отведенной ему в потоке. Подробнее можно почитать, например, тут.

Если нет возможности поменять порядок элементов в коде, то с помощью css можно абсолютно спозиционировать ErrorLine, тогда он будет "вытеснен" из основного потока и серая полоса не появится. Как-то так:

position: absolute;/*вместо pelative*/
top: 223px;/*-37рх*/
left: 50%;
margin-left: -177px;/*половина ширины ErrorLine и 1рх - поправка*/

И не забыть, что позиция элемента будет отсчитываться от ближайшего родителя с позиционированием, отличного от static, и если такого нет, то отсчет ведется от начала страницы (как в данном случае).

Но правильнее, конечно, если есть такая возможность, было бы поместить ErrorLine внутрь registerBox сразу за admin_page_logo и не забыть убрать лишние стили, включая верхний сдвиг. Тогда сообщение будет на своем законном месте

[user]

Удалено.

Edited August 15, 2013 by user

[mstdmstd]

А не проще просто вставить <div class="ErrorLine"></div> перед <div class="registerBox"></div> ?

Ну или как вариант:

.homePageContent {

background-image: url(/images/login-background.png);

}

Спасибо, помогло !