Динамический веб-шаблон, модифицирующий мои CSS дивы?

Question

Я искал вокруг, пытаясь найти некоторую информацию о странном поведении, с которым я сталкиваюсь, используя Microsoft Expressions Web 4, и используя их встроенную функцию динамического веб-шаблона (DWT).

Я сталкиваюсь с проблемой всякий раз, когда я обновляю свой DWT, который, в свою очередь, обновляет страницы, к которым он прикреплен, если я решу это сделать. Естественно, когда я изменяю заголовок страницы или меню навигации, я бы хотел, чтобы все страницы обновлялись с этой новой информацией. Это прекрасно работает, все страницы, прикрепленные к шаблону, обновляются соответствующим образом, но в мой CSS внесены некоторые другие изменения.

Вот в чем дело: каждый раз, когда я обновляю DWT, моя индексная страница также обновляется. Обычно это было бы хорошо, но это постоянно меняет мой <div id="post"> теги. Допустим, у меня есть пять <div id="post"> в моем индексе. Если я обновлю DWT, они будут выглядеть следующим образом:

<div id="post">

<div id="post0">

<div id="post1">

<div id="post2">

<div id="post3">

Как вы можете догадаться, мой CSS не выглядит так же, как только один из моих post Дивы останутся активными. Остальные добавляются в число и форматирование разрушается. Затем мне нужно вернуться и удалить каждый номер в конце.

Первоначально я столкнулся с огромными проблемами при использовании этих DWT, когда они в основном переписывали целые страницы, добавляя div в div, total spaghetti. Я понял или, по крайней мере, приписал это тому, что мой HTML был немного грязным, и изменил много тегов, чтобы сеть выражений перестала волноваться.

Мой CSS для постов выглядит так:

article, #post { width:auto; padding:5px; border: 1px #A9E8DB groove; background-color:whitesmoke; overflow:auto; margin-bottom:10px; }

В моих редактируемых областях, которые являются областями на странице, которую я указал в DWT для редактирования вне шаблона, мой HTML выглядит следующим образом:

<div id="rightcolumn">
    <h2>BlahBlah.</h2>
    <br />
    <div id="post">

            Foo

    </div>
    <br />
    <hr /><br />
    <br />
    <div id="post">

            Foo

    </div>
    <br />
    <hr /><br />
    <div id="post">

            Foo

    </div>
    <br />
    <hr /><br />
    <div id="post">

            Foo

    </div>
    <br />
    <hr /><br />
    <div id="post">

            Foo

    </div>
    <br />
    <hr /><br />
    <div id="post">

            Foo

    </div>
    <hr /></div>

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

Я надеюсь, что вы, ребята, могли бы немного рассказать об этой проблеме, возможно, я не первый, кто испытал это? У меня есть ощущение, что это связано с тем, как был написан мой HTML, что может не соответствовать наилучшей возможной практике. Я не вижу тегов, которые не закрыты, и не вижу дубликатов тегов или чего-либо подобного. Страница отображается правильно и выглядит так, как я ожидаю от графического интерфейса.

Есть идеи?

Answer 1

Я не знаю твоего инструмента. ID должен быть уникальным. Но, возможно, вы справитесь с:

<div class="post">

а также

.post {
    width:auto;
    padding:5px;
    border: 1px #A9E8DB groove;
    background-color:whitesmoke;
    overflow:auto;
    margin-bottom:10px;
    }