Discussion :

[Tchupa]

Bonjour a tous voila je rencontres actuellement un soucis entre firefox et IE , il s'aligne correctement sous IE et non sous firefox.

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
 
 
#blockheadident
{
width: 218px;
height: 40px;
background: url(images/HeadBlock.png) ;
color: #FFFFFF;
font-size: 30px;
text-align: center;
margin-right: 758px;
}
 
#blockbodyident
{
width: 218px;
height: 60px;
background-color: #FFFFFF ;
border-color: #ff8d08;
color: #000000;
margin-right: 758px;
 
}

Voila je voudrais aligner mon bloc qui est en deux parti a gauche , donc sous Internet explorer il s'aligne bien a gauche par contre sous firefox il reste au milieu
Donc si quelqu'un peut m'aider en vous remerciant.
Amicalement.

[Er3van]

C'est parce que les margin ne sont pas gérées pareilles sous IE et FF.

Mais pourquoi des margins ?
Un simple "float:left;" ça ne marche pas ?

[Tchupa]

C'est parce que les margin ne sont pas gérées pareilles sous IE et FF.

Mais pourquoi des margins ?
Un simple "float:left;" ça ne marche pas ?

Ok je comprend mieux , pour le float:left; je suis ok mais le bloc va coller la bordure de ma div contenu et je voudrais laisser 5px entre deux.
De plus mon bloc est en deux partis , la tete de bloc et son contenu et le contenu du block ne vient pas se mettre en dessous de la tête de bloc avec float:left; .

[Er3van]

Si tu veux laisser 5px entre ton conteneur et le contenu, tu mets ça dans ton css :

Code CSS :

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

1
2
3
4
 
#conteneur {
padding:5px ;
}

C'est plus propre qu'un margin et ça marche pareil sur tous les navigateurs normalement.

Si tu veux que ton block contenu se mette en dessous de ta tête, y a une methode toute bête :

Code html :

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

1
2
3
 
<div id=tete> blabla</div></br>
<div id=corps> corps</div>

[Tchupa]

C'est ce que j'ai fais

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
 
#blockheadident
{
width: 218px;
height: 40px;
background: url(images/HeadBlock.png) ;
color: #FFFFFF;
font-size: 30px;
text-align: center;
/*margin-right: 758px;*/
float: left;
}
 
#blockbodyident
{
width: 216px;
height: 60px;
background-color: #FFFFFF ;
border-color: #ff8d08;
border-style: solid;
border-width: 1px;
color: #000000;
float: left;
/*margin-right: 758px;*/
margin-top: 42px;
 
}

Pour le HTML

Code :

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

1
2
3
4
5
6
7
 
<div id="contenu">
		<div id="blockheadident">Login</div> <!-- tête du bloc identification-->
		<div id="blockbodyident"></div>
 
 
		</div>