Bonjour,
Je débute avec le CSS et j'ai un petit souci avec l'alignement de bloc.
Voici mon code CSS:
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
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; }
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
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>
Qui peut m'éclairer sur ce problème ?
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"> ................
Merci d'avance.
Partager