Bonjour à tous,

Oui je sais le titre....


Voici mon problème

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
<div class='tab'>
  <div class='tab_top'></div>
</div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.tab{
position: relative;
width: 300px;
height: 300px;
}

.tab_top{
position: absolute;

top: 0px;
left: 10px;
height: 10px;
width: 280px;

background: orange;
}

Voila ce que je voudrais :

J'aimerais que le div tab_top soit position au top de tab en laissant 10px à gauche et à droite.

Normalement tel que c'est marqué là, ça fonctionne mais mon problème est que la taille de tab peut varier et donc entrer le width:280px en dure risque de ne plus fonctionner.

J'aurais voulu savoir comment traduire en css la réquête suivant

width:100%-20px

Je voudrais que la taille soit de 100% - 2*10px. Comment traduire cela en css ?

Je pourrais passer par javascript mais je préfère une solution css invariable. Vous l'aurez peut être compris, c'est pour définir des borders à une boite et j'utilise la méthode des div en absolute.


Merci,


Vodnok,