Discussion :

[SoGood]

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.

[Taum]

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 :

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

1
2
3
4
5
6
#accesClient
{
   width: 160px;
   margin-left: 20px;
   float: left;
}

par :

Code :

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

1
2
3
4
5
#accesClient
{
   width: 160px;
   margin-left: 250px;
}

[SoGood]

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.