Discussion :

[lucas093]

Bonjour,
J'essaye depuis quelque jours de corriger un problème d'affichage sur mon site, mais je trouve vraiment pas d’où vient le problème.

Voici un screenshot :


Et le code :

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
      <div id="notepad">
<div class="templatemo_main_top"></div>
        <div class="templatemo_middle2">
<form method="post" action="../login.php">
                               <p align="center">
                                 <label>
                                   Identifiant:<br />
                                   <input type="text" name="pseudo" />
                                 </label>
                               </p>
                               <p align="center">
                                 <label>Mot de passe:<br />
                                   <input type="password" name="password" />
                                 </label>
        </p>
                               <p align="center">
                                 <label>
                                   <input type="submit" name="button" value="Se connecter" />
                                 </label>
                               </p>
</form>
        </div>
                  <div class="templatemo_main_bottom"></div>
      </div>							
</div>

[NoSmoking]

Bonjour,
il serait intéressant que tu nous communiques le CSS associé au code transmis

[lucas093]

CSS associer a la 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
 
body {
 
	margin: 0;
	padding: 0;
	color: #252525;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.7em; 
	background-color: #ffffff;
	background: url(images/accueil/templatemo_wrapper2.png); repeat-x
	background-repeat: repeat-x;
	background-position: top
}
 
.templatemo_main_top {
 
	width: 867px;
	height: 43px;
   background: url(images/accueil/templatemo_content_top.png) no-repeat;
}
 
.templatemo_middle2 { 
 
	width: 867px;
	background: url(images/profil/templatemo_middle2.png) repeat-y center top;
	margin-bottom:-10px;
}
 
#notepad{
 
   font-family: "time new roman",sherif;
   font-size:1.5em;
margin-left: 28.1%;
margin-bottom:20px;
}

[ouldfella]

est ce que votre site est en ligne ?
normalement c'est un problème de margin

[NoSmoking]

ajoutes un

Code css :

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

1
2
3
form p{
  margin:0;
}

pour voir...

[lucas093]

Merci beaucoup NoSmoking
Par contre le problème persiste en bas :

[NoSmoking]

c'est indirectement demander dans le CSS

Code css :

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

1
2
3
4
5
.templatemo_middle2 { 
    width: 867px;
    background: url(images/profil/templatemo_middle2.png) repeat-y center top;
/*    margin-bottom:-10px;  /* A SUPPRIMER */
}

[lucas093]

je vient d'essayer, mais ça n'a pas marché :-/
ça me fait une marge un peu plus grande ...

[NoSmoking]

pas fait attention au -.

Reprenons le problème au départ, ta DIV n'ayant pas de "consistance", du moins en hauteur elle se cale sur les éléments qui la compose mais sans tenir compte des éventuelles margin de ceux ci, pas sur tous les navigateurs d'ailleurs.

La solution consiste à lui donner une "consistance" dans la hauteur en mettant à la DIV centrale un overflow:hidden.

[lucas093]

J'ai essayé de mettre "overflw:hidden;" mais ca n'a rien changer
Et c'est quoi une "consistance" ?
Désoler pour la question, mais je mis connais pas beaucoup en css.

[NoSmoking]

décidément, suivre en même temps le match de rugby n'était pas une bonne idée.

il faut mettre overflow:hidden et non overflw:hidden comme je l'ai écris ci dessus

La "consistance", notes les guillemets, est le fait que tu n'a pas affecté de hauteur fixe à la DIV mais que tu as laissé le choix au moteur de rendu de le faire à ta place.

[lucas093]

Merci Beaucoup d'avoir pris le temps de m'aider, tout mes problèmes sont a présent résolue
Bon match de rugby a toi ^^