différence de largeur select vs input text

J'aurais besoin d'une confrimation ...

Code:

---

1 2 3 4 5

<select class="wide" > <option>kmkkj</option> </select> <input type='text' class='wide' style='clear:both;' />

---

avec

Code:

---

.wide {width:280px;}

---

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

Code:

---

1 2 3 4 5

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

---

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.

Et si tu rajoutes :

Code:

---

border:1px solid red;

---

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

Et si tu fais :

Code:

---

1 2	border:0; background:red;

---

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

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.

oui Bisunurs biens sur sur le select :oops: 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 ?

Citation:

---

Envoyé par SpaceFrog

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

:salut:
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:

---

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 ;)

Citation:

---

Envoyé par 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.

---

:mrgreen:

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 :arf: