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,
Partager