Discussion :

[LE NEINDRE]

Bonjour à tous !
J'ai un problème pour fixer la taille d'un div.

Je veux faire une sorte de progressBar.
Pour cela je créé un div et je lui applique le style suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
 
.progressBar
{
    background-color:red;
    background-position:left;
    color:Green;
    border-left:solid 1px Lime;
    border-left-color:Lime;
    width:100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50,finishopacity=100,style=1);
}

Lorsque ma page s'est chargée, j'attribut une valeur à border-left qui donnera l'avancement de ma progressBar

Je fais ça en javascript de la manière suiavnte:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
 
var Div_1_4_width = eval("document.getElementById('VIEW2_GRIDVIEW_ROW_DIV_1_4').offsetWidth * 0.33");
document.getElementById('VIEW2_GRIDVIEW_ROW_DIV_1_4').style.borderLeftWidth=Div_1_4_width;

ça fonctionne ... mais, mon div ne garde pas la même largeur. Il s'agrandit un peu. Ce n'est pas très joli...
je voudrais savoir comment on peut corriger ce problème ...

Merci pour votre précieuse aide !

[blueice]

Surement à cause du border !
Tu spécifies 100%, donc c'est sûrement 100%+1px...

[LE NEINDRE]

Bonjour blueice !
Merci pour ta réponse.

1px de plus ou moins ça se voit pas beaucoup non ?

Quand par exemple je veux mettre ma progressbar à 100%,
j'ai mon div qui s'agrandit ce qui fait que:
- en vert (mon border-left) j'ai l'équivalent de la largeur initiale de mon div
- en rouge, il reste une partie (bien 1/3)

bizarre non ?

[blueice]

Deja pas besoin de répéter deux fois la couleur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
.progressBar
{
    background-color:red;
    background-position:left;
    color:Green;
    border-left:solid 1px Lime;
    width:100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50,finishopacity=100,style=1);
}

Sinon j'ai du mal à visualiser ton problème, tu peux nous donner un lien ou mettre ca dans une pièce jointe ?

[LE NEINDRE]

Je n'ai pas la possibilité de mettre le site en ligne.

J'ai mis en pièce jointes les deux fichiers concernés.

Pour le fichier admin.aspx.cs, la fonction concernée est:
protected void View2_Load(object sender, EventArgs e)

[blueice]

Et si tu nous donnais le code HTML généré ;-)
avec le JS, que l'on puisse tester, pour ma part je n'ai pas ASP

[LE NEINDRE]

Oui pardon c'est idiot:

Ci-joint:
- le code html généré.
- la feuille de style
- un screenshot de ce que j'obtiens et qui montre que ça ne va pas ...