Probleme d'afichage html

Version imprimable

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 :
http://data.imagup.com/12/1146141243.png

Et le code :

Code:

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>

11/03/2012, 16h18
NoSmoking

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

CSS associer a la page :

Code:

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;
}

11/03/2012, 16h41
ouldfella

est ce que votre site est en ligne ?
normalement c'est un problème de margin
11/03/2012, 16h42
NoSmoking
ajoutes un
Code:

1 2 3 form p{ margin:0; }
pour voir...
11/03/2012, 16h57
lucas093

Merci beaucoup NoSmoking ;)
Par contre le problème persiste en bas :
http://data.imagup.com/10/1146147011.png

c'est indirectement demander dans le CSS

Code:

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 */
}

11/03/2012, 17h14
lucas093

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

:oops: 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.
11/03/2012, 18h00
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.
11/03/2012, 18h13
NoSmoking

:fessee: 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.
11/03/2012, 18h30
lucas093

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