шедевры и CSS

Question

Я установил некоторые CSS-правила и HTML-теги, которые выглядят желательными в режиме конструктора. Но когда дочерняя форма главной страницы загружает страницу, она выглядит иначе. Могут ли дочерние правила CSS доминировать над свойствами родительских правил CSS?

style type="text/css">
#container{position:relative;}
img#border{position:absolute; 

}
#placeH{position:absolute; left:344px;
    top: 325px;
    height: 168px;
    width: 708px;
    bottom:287px;
}

<title></title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
</head>

<div align="center" id="container">
    <asp:Image ID="Header" runat="server" ImageUrl="~/header.png" Width="1196px" 
        Height="280px" />


  </div>
      <div id="border">

            <asp:Image ID="Image1" runat="server" ImageUrl="~/border.png"/>// the border

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

              </div>

                  <div id="placeH">
                         <form id="form1" runat="server">
                        <asp:ContentPlaceHolder id="ContentPlaceHolder2" runat="server">

                           </asp:ContentPlaceHolder>
                    </form>

                  </div>
           </body>

Answer 1

единственное, что я могу видеть отсюда, это то, что.У вас есть CSS, который может вести себя не так, как вы ожидаете.

img#border{position:absolute;}

Это будет применяться к тегу <img/> с id = "border".В приведенном выше HTML у вас есть img внутри div с границей id = ". Ваш CSS для этого должен выглядеть примерно так.

div#border > img { postition:absolute; }  if you want it applied to the image only.

или

#border { position:absolute; } if you want it applied to the whole div.

Это на самом деледовольно трудно увидеть в приведенном выше HTML с фрагментами. Если вышеупомянутое не решает, вставьте все это для меня.

Answer 2

Я думаю, вам следует изменить стиль placeH на этот.

#placeH{
    position:absolute; 
    left:344px;
    top: 325px;
    height: 168px;
    width: 708px;
}

^^

И да, css из главной страницы применяется для дочерней страницы.*