Почему двойная нижняя граница?

Question

Я прошу вас помочь мне решить эту загадочную проблему: Когда я захожу на эту веб-страницу http://www.legrandclub.net/members с помощью IE8, под полем поиска отображается двойная рамка снизу. Как это возможно? Я много раз проверял правила CSS, но не нашел ни одного правила, которое могло бы быть причиной этой проблемы.

Можете ли вы помочь мне?

Спасибо

Answer 1

Я вижу пару проблем с вашей разметкой, которые могут быть причиной проблемы.

1. Используйте идентификатор только один раз. @ Эрик-Фортис все правильно сказал.
2. У вас есть table внутри div внутри form. Используйте таблицы только тогда, когда вы хотите показать фактическую таблицу, и если вы собираетесь использовать таблицу, обязательно закройте таблицу! (</table>)
3. У вас есть form внутри form, это никогда не полетит.
4. Ваше использование идентификатора сбивает с толку. Если я не могу войти и найти проблему, это означает, что никто в вашей команде не может (включая вас).

Как только вы исправите эти проблемы, вы сможете найти ошибку.

Answer 2

У Эрика Фортиса и гражданина Конн есть хорошие ответы ... более общий ответ - загрузить или вставить свой код в http://validator.w3.org/ или указать валидатор на URL вашей страницы.

Я не придираюсь к 100% правильной проверке, но ваша структура HTML должна быть действительной, иначе у вас не будет конца загадок CSS.

---

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.legrandclub.net%2Fmembers&charset=%28detect+automatically%29&doctype=Inline&group=0

Вывод проверки: 7 ошибок

Answer 3

Сначала найдите следующие строки. Недопустимо переопределять один и тот же идентификатор.

<div id="container">
<div id="content">


<div id="container">
    <div id="content">

строка 1033 tr не завершена должным образом

также строка 1059 </div> этот закрывающий div не нужен.