2010-08-16 3 views
0

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?

Répondre

1

Je ne sais rien à propos de Dojo mais ce que vous ressentez ressemble à un comportement CSS standard. La largeur CSS se réfère uniquement à la largeur du contenu de l'élément, à l'exception de la marge, du remplissage et de la bordure. Jetez un oeil à cette page sur le CSS box model.

+0

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

+0

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