masterpages 및 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; 
} 

는

<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 

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

차일에 디자인보기 ,,이 하단에 표시 view..but masterpage 디자인에서 잘 나타납니다 페이지 왼쪽으로

   </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;} 

이것은 ID = "국경"과 <img/> 태그에 적용됩니다. 위의 HTML에서는이 같은 보일 것이다 테두리. 당신은 CSS "= ID로 사업부 내부 IMG 있습니다.

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는 하위 페이지에 적용됩니다.