Discussion :

[nano54120]

Bonjour,

Je me bat pour aligner deux div , que ce soit sur IE ou FF.

Comme d'habitude ça marche sur IE mais grosse galère sur FF.

Voici le code :

Code html :

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

1
2
3
4
5
6
7
<p>
<div style='float:left;max-width:57%;overflow:hidden;margin:5px;'>quel est votre nom : </div>
<div>
<textarea name='OBJ_nom' id='OBJ_nom' style='resize:none;height:2em;width:100%;'></textarea>
</div>
<div style='clear:left;'></div>
</p>";

Ce que je cherche c'est pouvoir afficher l'invite de saisie suivie d'un textarea dynamic qui lui s'affiche à 100% , le tout l'un derrière l'autre sur la même ligne et ce quelque soit la longueur de l'invite.

Ca marche à merveille sur IE mais sur FF l'invite est au dessus du textarea !

[NoSmoking]

Bonjour,
juste une petite question avant de continuer, quel DOCTYPE utilises tu ?

[nano54120]

Bonsoir,

Je n'ai rien déclaré ! Est ce grave mon adjudant !!

[NoSmoking]

Je n'ai rien déclaré ! Est ce grave mon adjudant !!

Dès que je le vois je lui demande , mais pour apporter un élément de réponse si le comportement de IE te paraît plus adéquate, c'est justement parce qu'il n'y a pas de DOCTYPE.

Pourquoi l'ajout d'un doctype casse-t-il mon design ? (suivre les liens)

[Muchos]

De toute façon, avec une width à 100%, c'est normal que la textarea passe en dessous!

Comme d'habitude ça marche sur IE mais grosse galère sur FF.

C'est une blague ou quoi?

[nano54120]

De toute façon, avec une width à 100%, c'est normal que la textarea passe en dessous!

Donc pas de solution !?

C'est une blague ou quoi?

Ben non ! Tout dépend du point de vu que l'on a ! Si tu te mets du côté de IE tu trouve normal que ça fonctionne : je mets un div en float à gauche , il se place à gauche , normal , puis je place un div à la suite en lui demandant de prendre le reste de la place à 100% , normal aussi !

Du côté de FF , je place un div calé à gauche puis un autre que je demande de s'adapter en largeur à 100% .... de la page ! Donc il va en dessous. FF considère que les width à 100% sont relatif à la largeur de la page et rien d'autre.

Tout est donc une histoire de point de vu. Et chacun le fait à sa façon.

Moi je cherche une méthode commune. Il me reste aussi la possibilité de m'adapter à l'explorateur mais ... comment ? J'utilise des div , j'ai essayé une table mais rien de mieux. Mon but est d'afficher un invite suivi d'un textarea qui s'adapte automatiquement en taille pour remplir le reste de la largeur de la page.

J'ai essayé différents DOCTYPE mais rien n'y change.

Avez vous une solution quelque soit l'explorateur ?