Bonjour,

Je débute avec le CSS et j'ai un petit souci avec l'alignement de bloc.
Voici mon code CSS:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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.