dojo claro and sizing

필자는 전에 본 적이없는 CSS 문제인지 또는 dojo 1.5에서 새로운 claro 테마를 사용하는 데 문제가 있는지 확실하지 않습니다.dojo claro and sizing

CSS :

html,body, .dijitBorderContainer { 
    width: 100%; 
    height: 100%;  
} 

h1 { 
    margin-top: 0em; 
} 

#sidebar { 
    width: 300px; 
}

및 HTML :

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>stuff</title> 
    <style type="text/css"> 
     @import "http://ajax.googleapis.com/ajax/libs/dojo/1.5.0/dojo/resources/dojo.css"; 
     @import "http://ajax.googleapis.com/ajax/libs/dojo/1.5.0/dijit/themes/claro/claro.css"; 
     @import "css/application.css"; 
    </style> 
    <script type="text/javascript"> 
     var djConfig = { 
      isDebug: false, 
      parseOnLoad: true, 
      baseUrl: './', 
     }; 
    </script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.5.0/dojo/dojo.xd.js"></script> 
    <script type="text/javascript"> 
     dojo.require('dijit.layout.BorderContainer'); 
    </script> 
</head> 
<body class="claro"> 
    <div dojoType="dijit.layout.BorderContainer" liveSplitters="true"></div> 
</body>

그리고와 그러나 지금, 무엇을 CSS 말하는 것은 100 % 크기 내 BorderContainer의 경계를 포함하지 않는 것입니다 이 설정에서는 bordercontainer가 창에 비해 약간 크기가 커서 스크롤 막대가 표시됩니다. 맞지 않는 것은 경계뿐입니다. 어떤 아이디어?

출처

2010-08-16 WtLgi

Dojo에 대해서는 알지 못하지만 표준 CSS 동작과 같은 소리가납니다. CSS 폭은 여백, 채우기 및 테두리를 제외한 요소 내용의 너비만을 나타냅니다. CSS box model에서이 페이지를보십시오.

출처

2010-08-16 03:03:31 casablanca

감사합니다. 올바른 방향으로 나를 조종하십시오. 나는 "border : 0px solid white;"를 추가해야했다. dijitBorderContainer에 전달합니다. "border : 0px;" 하지 않습니다. "테두리 : 0 픽셀 단색 흰색"이어야합니다. 나는 그것이 왜 작동하는지 전혀 모른다. – WtLgi

국경이 표시되는지 아닌지를 결정하는 스타일이기 때문에'border-style : none'도 잘 동작 할 것입니다. – casablanca

dojo claro and sizing

답변

관련 문제