silverlight 스크린 샷을 모방 한 CSS

나는 질문과 대답에 대해 꽤 확신 할 만하다. HTML과 CSS가 어디에서 어떻게 검색되는지 잘 모른다. 어떤 도움을 주시면 감사하겠습니다. http://www.scalerailsonline.com/default.aspx silverlight 스크린 샷을 모방 한 CSS

마침내 마이크로 소프트에게 내가 처음부터 다시 작성 해요 척을 제공하기로 결정 갖는

나는 실버 라이트에 내장 된 커뮤니티 응용 프로그램이 있습니다. 90 %는 매우 쉽습니다. 앱의 채팅 부분을 완성하기 위해 HTML과 CSS에 어려움을 겪고 있습니다.

나는 무엇을 하려는지 보여주는 스크린 샷을 표시했습니다.

주요 목표는 가능한 공간에 맞게 확대 및 축소 스크롤 컨테이너를 만드는 것입니다.

먼저 웹 페이지를 확장하거나 축소하여 브라우저 창에 맞도록하고 싶습니다.

두 번째 오른쪽 열은 콘텐츠에 맞게 가로로 확장되고 아래쪽 영역은 채팅 항목 컨트롤에 맞게 세로로 확장됩니다.

페이지가 브라우저에 적합하고 공간이 오른쪽과 아래로 확약되면 컨테이너를 적합하게하고 싶습니다. 컨테이너의 내용이 너무 많으면 (시간의 99 %) 수직 스크롤 막대가 표시됩니다.

너비/높이 : 100 %의 모든 종류의 조합을 시도했습니다. 그러나 그것은 단지 영역을 브라우저의 100 %를 제약하지 않고 콘텐츠에 맞게 충분히 크게 만드는 것처럼 보입니다.

div를 "높이 : 200 %; 오버플로 : 스크롤"로 설정하여 스크롤 막대를 가져올 수 있습니다. 하지만 div 만 사용 가능한 공간으로 확장 할 수있는 것처럼 보이지 않습니다.

출처

2011-08-15 Cuthahotha

귀하의 사이트는 전혀 나쁘지 않으며 HTML/CSS 솔루션과 관련하여 많은 문제가 발생할 것입니다. 나는 왜 그렇게 많은 노력을 기울인 후에 Microsoft Stack을 왜 버리고 있는지 궁금합니다. –

친절한 단어 주셔서 감사합니다. 실제로 Silverlight/Azure에서 훨씬 더 큰 응용 프로그램을 가지고 있고 또한 다시 작성 될 것입니다. 변경 사유. 근본적으로 SEO와 monitization에 관한 진짜 어려운 문제로 인해. 크롤러는 Silverlight 기반 컨텐트를 잘 처리하지 못합니다. 애드 센스는 Silverlight 환경에서도 작동하지 않습니다. 태블릿에서는 Silverlight를 지원하지 않습니다 (IPad 및 Android). 마지막으로, 내 사용자 커뮤니티는 마우스 오른쪽 버튼 메뉴의 부족에 잘 적응하지 못하고 있습니다. 가능한 곳에서는 포함 시켰지만 제 3 자 컨트롤을 사용하면 마우스 오른쪽 버튼으로 클릭해야하는 모든 장소로 이동할 수 없습니다. – Cuthahotha

먼저 웹 페이지를 확장하거나 축소하여 브라우저 창에 맞도록하고 싶습니다.

여백을 자동으로 설정하여이 작업을 수행 할 수 있습니다. 이것을 시도하십시오 -

.center { 
    margin: 0 auto; 
    padding: 0; 
    float: none; 
}

출처

2011-08-15 14:37:07 Mahesh

감사합니다. Mahesh. 오른쪽/왼쪽은 큰 문제가 아닙니다. 그것은 문제가되는 수직 브라우저 높이로 제한하도록 설정하고 있습니다. – Cuthahotha

답변은 다음과 같습니다. 정말 좋은 대답이 아닙니다. 자바 스크립트 크기 조정 이벤트를 사용하면 화면 요소의 높이에 따라 상자의 높이를 설정할 수 있습니다.

출처

2011-08-18 13:27:21 Cuthahotha

silverlight 스크린 샷을 모방 한 CSS

답변

관련 문제