Divs proportionnels

Bonjour à tous,

J'espère que tout le monde n'est pas en vacances...

Je travaille sur un dispositif de mise en page qui permet de d'insérer dans un div, deux divs qui auraient 50% de la largeur de l'englobant sachant que l'englobant.
Petite difficulté, il faudrait pouvoir fixer une marge à gauche du div de droite.

J'ai essayé avec les % mais je crois que cette unité est totalement obsolète...

Pourriez-vous m'aider ?

D'avance merci

Laurent

Bonjour,

Si ce n'est pas trop complexe voici un mini framework
http://cobyism.com/gridism/
https://github.com/cobyism/gridism/blob/gh-pages/gridism.css

regarde le border-box

 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

et le :first-child

.grid .unit:first-child { padding-left: 20px; }
.grid .unit:last-child { padding-right: 20px; }

Merci beaucoup, je vais regarder ça...

C'est pas mal du tout, je l'ai intégré à mon CMS et ça fonctionne.
Je note un petit problème c'est qu'en cas d'imbrication des grilles les paddings s'additionne, ça crée des décalages...

Alors il te manque un truc ? ou ton navigateur ne gère pas le border-box ?
Sur la page du framework, il y a un exemple de div imbriquées.

Salut,

A vrai dire, je n'ai pas bien compris cette histoire de border box...
Je vais regarder sur le W3C...

Merci pour ton aide,

Laurent