Discussion :

[dark_vidor]

Bonjour,

Je galère depuis le début d'après midi avec les div

Voici le css de ma page :

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<style type="text/css">
body {
	margin:0;
	padding: 0;
	background-color: #818181;
	background-image: url(img/fond.png);
	background-repeat: repeat-X;
	text-align: center ;
}
 
*{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #464646;
}
 
.body {
	width: 900px;
	height: 500px;
	margin:auto;
	padding: 0;
	background-color: #FFFF00;
	text-align: justify;
	background: url(http://team-gt5net.com/~site/img/logo.png) no-repeat right top ;
}
 
.connexion{
	width: 400px;
	height: 30px;
	padding: 10px 0 0 15px;
	background-color: #00FF00;
}
 
.menu {
	width: 900px;
	height: 30px;
	background-color: #0000FF;
}
 
.page {
	width: 900px;
	height: 50px;
	background-color: #00FFFF;
}
 
h1{
	margin: 10px 25px 0 25px;
	padding: 0 0 0 5px;
	font-size: 24px;
	font-weight: 100;
	border-bottom:1px dotted #464646;
}
 
p{
	margin: 10px 25px 0 25px;
	padding: 0;
	font-size: 12px;
}
</style>

et ma page réduite au plus simple pour le moment :

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
<div class="body"> 
  <div class="connexion"> 
      <form action="#" method="post">
        ID psn : 
        <input type="text" name="login" size="20" maxlength="25" value="">
        <input type="password" name="password" size="12" maxlength="12">
        <input type="submit" value="OK">
        » <a href="#">Inscription</a> 
      </form>
  </div>
  <div class="menu"><a href="#">Accueil</a> | <a href="#">Link</a> 
    | <a href="#">Link</a> | <a href="#">Link</a> 
    | <a href="#">Link</a> </div>
  <div class="page"> 
    <h1>Exemple de titre</h1>
    <p>premier paragraphe</p>
  </div>
</div>

J'ai un décalge entre IE & Mozilla pour le padding du div connexion que je n'arrive pas à résoudre même après des recherches et de multiples essais rien y fait

Merci pour votre aide

[Erwan31]

Bonjour,
ce n'est pas un problème de padding mais de taille de bouton input différent sur IE. Tu dois forcer sa hauteur.
D'autre part tu as un problème plus important de fusion des marges exposé ici au niveau du div connexion auquel tu dois ajouter un overflow:hidden (par exemple)

[dark_vidor]

Alors,

j'ai rajouté :

Code :

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

1
2
3
4
5
6
 
input {
	border: 1px solid #666666;
	width: 50px;
	margin: 2px 0 2px 0;
}

et j'ai testé toutes les solutions proposée rien n'y fait

IE :


MOZ :


Et je voudrais le résultat de Mozilla sous IE

[Bisûnûrs]

Tu dois forcer sa hauteur.

[dark_vidor]

pardon

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
 
.connexion{
	width: 400px;
	height: 30px;
	padding: 10px 0 0 15px;
	background-color: #00FF00;
	overflow: hidden;
}
 
input {
	border: 1px solid #666666;
	width: 50px;
	height: 18px;
	margin: 2px 0 2px 0;
}

IE:


voila du coup mon cadre est trop petit en hauteur si j'augmente ça fait pas beau sous mozilla


peut être y'a t il plus simple à faire pour que ça fonctionne sous les deux ?

[desert]

Le décalage vient sûrement du form dans ton div connexion.
Essaie de lui assigner un margin à 0.

Code css :

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

1
2
3
.connexion form {
   margin: 0;
}

[dark_vidor]

pas plus de résultat