Je ne suis pas sûr si c'est un problème de css que je n'ai jamais rencontré auparavant, ou c'est un problème avec l'utilisation du nouveau thème claro dans dojo 1.5. Mais en ce moment, ce que dit CSS est 100% taille ne comprend pas les frontières de mon BorderContainer:dojo claro et dimensionnement
css:
html,body, .dijitBorderContainer {
width: 100%;
height: 100%;
}
h1 {
margin-top: 0em;
}
#sidebar {
width: 300px;
}
et 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>
Et avec cette configuration, le bordercontainer est juste un peu trop grand pour la fenêtre et affiche les barres de défilement. Tout ce qui ne correspond pas est la frontière. Des idées?
Merci, m'a dirigé dans la bonne direction. Je devais ajouter "border: 0px solid white;" au dijitBorderContainer. "border: 0px;" ne le fait pas. Doit être "frontière: 0px solide blanc;". Je n'ai aucune idée de pourquoi cela fonctionne. – WtLgi
Il suffit de deviner, mais 'border-style: none' pourrait aussi fonctionner, parce que c'est le style qui détermine si la bordure est affichée ou non. – casablanca