Alignement de blocs

Bonjour,

Je débute avec le CSS et j'ai un petit souci avec l'alignement de bloc.
Voici mon code CSS:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

#pied { background-image:url(images/pied.jpg); width: 760px; height: 149px; }   #blocGauche { margin-left: 3px; width: 230px; /*Largeur du bloc*/ float: left; /*Evite q'un espace ce crée entre entete et centre*/ }   #accesClient { width: 160px; margin-left: 20px; float: left; }   #accesClientTitre { font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; padding-top: 20px; }

---

et mon code HTML:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<div id="pied">   <div id="blocGauche"> </div>   <div id="accesClient"> <div id="accesClientTitre"> ACCES CLIENT </div> <form name="form1" method="post" action=""> <input type="text" name="textfield"> </form> </div>   </div>

---

Le code tel qu'il se présente au-dessus fonctionne parfaitement sur IE mais sur Netscape, mon bloc #accesClientTitre se trouve complètement à gauche sur le bloc #blocGauche. Pour avoir un affichage normal, je dois mettre du texte dans #blocGauche.

Code:

---

1 2 3 4 5 6 7 8 9

<div id="pied">   <div id="blocGauche"> dfdfdsfsdfsdfds </div>   <div id="accesClient"> ................

---

Qui peut m'éclairer sur ce problème ?

Merci d'avance.

Salut,

Je pense que le bug que tu rencontre est celui décrit ici.

J'ai pas testé mais je crois que tu problème peut-être résolu en remplaçant

Code:

---

1 2 3 4 5 6

#accesClient { width: 160px; margin-left: 20px; float: left; }

---

par :

Code:

---

1 2 3 4 5

#accesClient { width: 160px; margin-left: 250px; }

---

Merci pour ton aide.

J'ai trouvé une réponse plus logique, c'est en l'absence de contenu, de donner une hauteur a mon bloc #blocGauche.