Mon corps est légérement décalé.

Quelques pixels laissent apparaitre l'arriere plan :'(

Sujet résolu

13 juillet 2006 à 21:59:31

Bonjour à vous, amis zér0s.
J'ai créé ce site afin de partager, en meme temps qu'un ami, ma passion pour le penspinning (enfin pour l'instant je ne partage pas beaucoup puisque il n'y a qu'une page :-°

)
Mais une ombre me guette...Une erreur s'est glicée dans ma page tel l'eau dans une fissure, en effet le corps est décalé de QUELQUES (c'est pourtant déja trop) pixels vers le bas.
Je n'ai pas réussi à identifier d'où venait ce probléme et je suis déséspéré (c'est bien simple, je me suis meme surpris à lancer une analyse antivirus pour vois si ce n'était pas ça qui génait :colere2:

)
C'est pour ça que je fais appel à VOUS amis zér0s, meme si vous êtes légérement embétés par le zérothon, je sais que vous vous ferez un plaisir de résourdre mon probléme.
Voici mon (long) code CSS

body
{
background-image: url('arriereplan2.png');
width:1000px;
margin: auto;
font-family: "comic sans MS" , "Arial" , "Arial Black" , serif;
background-repeat:no-repeat;
background-color:#510c0c;
}

#entete
{
border: 1px solid black;
background-image: url("entete.png");
width:1000px;
height:200px;
}

#menu
{
background-image: url("arriereplanmenu.png");
border: 1px solid black;
width:200px;/*le menu a une largeur de 200 pixels*/
min-height:500px;
max-height:600px;
float:left;/*Le menu fait au minimum 500pixels et au maximum 600 (de hauteur)*/
}

#corps
{
background-image: url("arriereplancorps.png");
border: 1px solid black;
margin-left:200px;/*le corps est décalé afin de ne pas passer sous le menu*/
min-height:600px;
width:800px;
background-color:#9586c2;
background-repeat: no-repeat;
}

a
{
color:#515151;
}

a:hover
{
color:#303030;
}

p
{
font-weight:bold;
color : #7f0400;
}

p:first-letter
{
font-size:2em;
color:#000000;
padding:5px;
}

Merci d'avance, amis zero

TimeSplitters

13 juillet 2006 à 22:30:19

Je vois dans ta source :

ainsi que

<ol>
<li><a href="Le_principe.html">Le principe</a></li>
</ol>

Si tu remplaces par :

et :

<ul>
<li><a href="Le_principe.html">Le principe</a></li>
</ul>

.. ça devrait marcher

Taickyto

13 juillet 2006 à 22:42:50

Merci Timesplitter, mais ça ne résoud pas le probléme...

En fait, j'ai re-remarqué quelque chose, en inversant dans la source la place de Div-menu et Div-Corps, le corps est bien collé, mais le menu se décale de 600 Px (carrément o_O

) vers le bas

Citation : narrateur

Le mystére reste entier pour nos deux détéctives...

Jean le Chauve

13 juillet 2006 à 22:54:07

Tes borders empêchent le positionnement des images.

Voilà une proposition avec un border left sur le corps.

#menu
{
background-image: url("arriereplanmenu.png");
/*border: 1px solid black;*/
width:200px;/*le menu a une largeur de 200 pixels*/
min-height:500px;
max-height:600px;
float:left;/*Le menu fait au minimum 500pixels et au maximum 600 (de hauteur)*/
}

#corps
{float:right;
background-image: url("arriereplancorps.png");
border-left: 1px solid black;
/*margin-left:200px;*//*le corps est décalé afin de ne pas passer sous le menu*/
min-height:600px;
width:799px;
background-color:#9586c2;
background-repeat: no-repeat;
}

Corrige ton code également et place le script après la doctype

Taickyto

13 juillet 2006 à 23:10:45

Ca marche, merci beaucoup

erdnaxeli

13 juillet 2006 à 23:12:14

c'est pas pour dire mais il y a ton menu qui c'est barré tout en bas :-°

Taickyto

13 juillet 2006 à 23:17:51

Je sais, mais maintenant c'est réglé (il est 23 heures, il est sur que je vais commettre des erreurs...J'ai chargé le fichier .html au lieu de celui .Css...
Désolé pour ma débilitée