動態網頁模板修改我的CSS divs？

Question

我一直在四處搜尋，試圖找到關於我使用Microsoft Expressions Web 4運行的奇怪行爲的一些信息，並利用它們的內置動態Web模板（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 divs將保持活動狀態。其他人都附加了一個數字，格式被破壞。然後我需要返回並刪除每個數字。

最初，我遇到了使用這些DWT的大量問題，他們在那裏基本上重寫整個頁面，在divs中添加div，總意大利麪條。我發現，或者至少是，把它歸因於我的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編寫方式有關，這可能不是最佳實踐。我沒有看到任何未關閉的標籤，也沒有看到任何重複的標籤或任何類別的標籤。頁面呈現正常，看起來像我期望它從GUI中的方式。

任何想法？

Answer 1

我不知道你的工具。 ID必須是唯一的。 但是，也許你可以處理：

<div class="post">

和

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