Discussion :

[SpaceFrog]

J'aurais besoin d'une confrimation ...

Code :

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

1
2
3
4
5
 
<select class="wide" >
<option>kmkkj</option>
</select>
<input type='text' class='wide' style='clear:both;' />

avec

Code :

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

.wide {width:280px;}

le select fait 4px de moins à l'affichage ...
sous IE et FFX ...
je suis obligé de faire

Code :

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

1
2
3
4
5
 
<select class="wide" style="width:284px;">
<option>kmkkj</option>
</select>
<input type='text' class='wide' style='clear:both;' />

[Bisûnûrs]

Je confirme ..

Mais les 284px je ne les mettrais pas sur l'input mais sur le select. ^^

Bizarrement, quand on enlève le DOCTYPE, l'input prend bien les 280px, en revanche avec DOCTYPE il passe à 284, toutes marges enlevées.

[Bisûnûrs]

Et si tu rajoutes :

Code css :

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

border:1px solid red;

à ta classe wide, la différence n'est plus que de deux pixels.

[Bisûnûrs]

Et si tu fais :

Code css :

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

1
2
border:0;
background:red;

Là ils ont la même longueur. Enfin ... Sur FF et pas sur IE.

[Deallyra]

euh... je dis peut être une bétise... en fait je crois bien que s'en ai pas une mais bon...

Avec un commentaire conditionel... On pourrait rétablir l'équilibre.

[SpaceFrog]

oui Bisunurs biens sur sur le select j'ai rectifié le code ci dessus (dasn ma page le select est après ...)

un commentaire conditionnel ?
conditionnel sur le type ?
on fait comment ?

[Bisûnûrs]

un commentaire conditionnel ?
conditionnel sur le type ?
on fait comment ?

Un commentaire conditionnel n'est lu que par IE, donc c'est du code qu'on met en plus pour IE.

Plus d'infos sur les commentaires conditionnels et leur utilisation :
http://www.blog-and-blues.org/articl...our_IE_Windows

[trotters213]

Tu n'as pas besoin du commentaire conditionnel normalement.
L'espace disparait si on prend ton code tout en haut mais qu'on rajoute ceci :

Code CSS :

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

1
2
3
4
*{
margin:0;
padding:0;
}

au début du CSS.

D'ailleurs je te conseille de toujours rajouter ces lignes quand tu crées une nouvelles feuilles CSS, ça t'évite pas mal de mauvaise surprise dans ce genre

[Bisûnûrs]

Bizarrement, quand on enlève le DOCTYPE, l'input prend bien les 280px, en revanche avec DOCTYPE il passe à 284, toutes marges enlevées.

[billynirvana]

J'ai actuellement ce problème, et je souhaiterai savoir si depuis des solutions plus élégantes ont vues le jour.

.inputWidth { 350px; }

appliqués à un input et un select, le select sera légèrement moins large.



IE