Bordure de pixels et pourcentage en pourcentage

Je pense déjà connaître la réponse à celui-ci, mais j'ai besoin d'un test de cohérence!

Dire que j'ai

#gridtest{
width:590px;
}

Que je puisse changer la largeur en pourcentage en utilisant le RÉSULTAT TARGET=/CONTEXTE. Dans ce cas, le contexte est un conteneur avec un max-largeur de 1000px donc je ne peux faire ceci:

#gridtestpercent{
width:59%; /*590/1000*/
}

Si je devais réduire la fenêtre en bas de la div serait toujours en proportion de la de son contenant. Mais si je voulais faire

#gridtest{
width:570px;
border:10px solid red;
}

Je peux travailler la largeur en fonction de la cible maintenant 570 mais que la fenêtre est rétréci les proportions de tous sortir de la synchronisation.

#gridtestpercentnoborder{
width:57%; /*570/1000*/
border:10px solid red;
}

Je ne peux pas utiliser le pourcentage de la frontière. Je ne veux pas utiliser JS pour garder le contrôle du contexte et je ne peux pas utiliser le CSS3 box-déclaration sur la frontière encore.

Si je voulais utiliser la technique décrite dans le responsive web design par Ethan Marcotte où tout se rétrécit par rapport à l'autre, serais-je hors de la chance si vous utilisez une frontière?

Cheers!

source d'informationauteur user1010892