Bonjour, :)
J'ai ce tableau:
<uc1:Header ID="Header1" runat="server" /> se remplace par:Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
Les propriétées CSS sont les suivantes:Code:
2
3
4
5
6
7
8
9
10
Je ne comprends pas l'imbrication, surtout au niveau des largeurs:Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23#header_title_workflow { width:423px; height:125px; background-image:url(../Images/header_title_workflow.png); /*423*125px*/ background-repeat:no-repeat; } #header_shadow { width:440px; height:125px; background-image:url(../Images/header_shadow.png); /*10*125*/ background-repeat:repeat-x; } #header_esp { width:135px; height:125px; background-image:url(../Images/header_esp.png); /*135*125*/ background-repeat:no-repeat; }
1 - Première table 100% de la largeur de ma page.
2 - Deuxième table 992px centrée dans ma première table.
3 - Troisième table 100% de la largeur de ma 2ème table, donc à priori 992px.
4 - Trois cellules dans ma 3ème table où la première et la 3ème cellule doivent faire impérativement 423px et 135px à cause des background-image mises en CSS.
Pour la 2ème cellule, j'ai mis au départ 434px (992-423-135), mais à l'affichage je n'ai que 430px qui est pris, sans doute à cause de mon image en repeat-x qui fait 10px de large... Si je mets une valeur comprise entre 438 et 440px, l'affichage est correct (pour les résolutions d'écran en 1024 et 1280 en largeur).
J'aurai préféré ne pas mettre de largeur pour la 2ème cellule, et que celle-ci prenne automatiquement la largeur restante sur les 992px (en enlevant les 423px de la cellule de gauche, et les 135px de la cellule de droite)... Si quelqu'un a une idée..?
Si je soulève le problème bien que ça fonctionne, c'est que je peux être amené à changer le 992px en une valeur plus grande avec l'augmentation des résolutions d'écran. Et si je change le 992px, il faudra que je change aussi dans ma CSS la largeur de la deuxième cellule.
Merci d'avance! :)
