[CSS]positionnement dans une div

Bonjour,
voila j'ai du mal avec css et j'aimerais avoir la chose suivante:

<div>
label

+
</div>

il faudrait que label soit aligne a gauche dans la div, et le + a droite. Comment puis je faire cela ?

merci

Bonjour,
<div align="left">

Salut,
merci de m'aider mais :
1. visual studio me signale que align dans une div, c'est obsolete.
2. ca marche pas ;)

je veux que le premier elelment soit a gauche dans la div, et le deuxieme a droite

Suggestion : utilises des paragraphes dans ton div et gère l'alignement pour chacun deux ou tu souhaites qlque chose de +smart

tu veux dire des <p></p> ? j'ai essaye, c'est moche ca rajoute des retours a la ligne. :?

voila comment moi je ferais:

html :

Code:

---

1 2 3 4 5 6 7

<div class="classe1">     <p>label</p><p><+/p>   </div>

---

css :

Code:

---

1 2 3 4

.classe1 p{ display : inline; }

---

Normaement avec ca pas de retour a la ligne...

ps : quand tu mettais label c'eait bien du texte tu parlais pas de la balise label des formulaires?

Non, bon je poste mon code ce sera plus simple ;)

Code:

---

1 2 3 4

<div class="MiniPopupHeader"> <span style="font-weight:bold">Comments:</span> --> devrait etre a gauche <span class="MiniPopupCloser" id="CloseComments">X</span> ---> devrait a etre a droite </div>

---

css:

Code:

---

1 2 3 4 5

.MiniPopupHeader { background-image: url(MiniPopupBackground.gif); background-color: transparent; }

---

voila, j'ai essaye avec des <p> et inline comme tu m'as dis, mais ca donne pas le resultat attendu. Une autre idee ?

merci

tu peux nous montrerton css pour ca : MiniPopupCloser

Parceque la tu utilise des span (desbalises inline) donc normalement pas de probleme ca se met bien de gauche a droite si ily a de la place...

Essaie de fixer une largeur a ton div.

Citation:

---

Envoyé par <romain/>

Parceque la tu utilise des span (desbalises inline) donc normalement pas de probleme ca se met bien de gauche a droite si ily a de la place...

---

Ben oui ca se met bien de gauche a droite, mais moi je veux avoir le premier span tout a droite dans la div, et le deuxieme span tout a gauche, or là ils sont tous les deux a gauche, l'un a la suite de l'autre. vois tu ?:roll:

huuum oki alors tu place le premier en float right; le second en float left et tu rajoutes une duv en dessous avecces prpriété dans son css : clear:both;

Et voila le tour est joué ;)

Merci, ca marche presque :

Code:

---

1 2 3 4 5 6 7 8

<div id="divQuote" class="MiniPopup" > <div class="MiniPopupHeader"> <span style="font-weight:bold; background-color:Transparent; float:left">Quote:</span> <span class="MiniPopupCloser" id="CloseQuote">X</span> <div style="clear:both"></div> </div> <asp:TextBox TextMode="MultiLine" ID="txtQuote" runat="server" Height="200px" Width="345px"></asp:TextBox> </div>

---

Le probleme a present c'est que ma class MiniPopupHeader a une background-image. Sous IE ca fonctionne. Mais sous Firefox, elle disparait et le fond est transparent. Je crois que le clear:both n'a pas d'effet sous Firefox.

Une idee ?

je me reponds a moi meme....
pour faire une clear div compatible :

Code:

---

<div style="clear: both;height: 0;margin: 0; padding: 0; line-height: 0; font-size: 1px;">&nbsp;</div>

---

voila.
merci pour l'aide ;)