Discussion :

[surpriz]

voila le site: http://surpriz666.free.fr/blfrance
Bon voila en fait c'est un double problème, le premier, le moins grave c'est que sous mozilla, le block "sorties" est un peu décalé par rapport au block à gauche.

Second Problème, le plus enmbettant, sous IE, quand je met le footer, le block sortie est completement décalé et se retrouve en dessous alors que si j'enleve le footer, ca ne le fait pas.

Voila je vous remercie d'avance pour vos réponses

[Royd938]

Faudrait que tu nous donnes le contenu de tes CSS. Utilises-tu le positionnement float ?

[surpriz]

oui je peut te le donner par msn: nukedcow@hotmail.fr

[surpriz]

body {
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 75%;
text-align:center;
scrollbar-face-color: #808080;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #353637;
scrollbar-arrow-color: #000000;
}

.global {
width: 985px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding:0px;
text-align:left;
}

.header {
background-image: url('images/header.jpg');
width: 984px;
height: 149px;
}



.contenu {
background-image: url('images/block.jpg');
width: 723px;
height: 606px;
}

.blocktitremenu1 {
background-image: url('images/lesite.jpg');
width: 131px;
height: 16px;
margin-top:0px;
margin-left:0px;


float:left;
}

.blocktitremenu2 {
background-image: url('images/blocksitegauche.jpg');
width: 131px;
height: 152px;
margin-top:0px;

margin-left:0px;
float:center;
}

.blocksorties {
background-image: url('images/blocksorties.jpg');
width: 130px;
height: 563px;
margin-top:0px;

margin-left:0px;
float:center;
}


.blockanime {
background-image: url('images/blockanime.jpg');
width: 131px;
height: 401px;
margin-top:0px;

margin-left:0px;
float:left;
}



.blockmenu2 {
background-image: url('images/blockmenu.jpg');
width: 152px;
height: 200px;
margin-top:12px;

border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;

margin-left:0px;

}






.blockcontenu {
background-image: url('images/block.jpg');
background-image: repeat-all;
width: 550px;
text-align: center;
margin-top:45px;
border: 1px solid #000000;


}

.footer {
background-image: url('images/footer.jpg');
width: 965px;
height: 24px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
margin-top:10px;
text-align: center;

}




#menu
{
float: left;
width: 188px;
margin-left: 0px;
}

#menujoueur
{
float: right;
width: 188px;
margin-left: 0px;
}

#corps
{
margin-right: 4px;
margin-bottom: 10px;
color: #e5e5e5;


}
#corps a
{
color: #e2e2e2;
}

#corps a:hover
{

color: red;
}


#footer
{

padding: 5px;
height: 28px;
text-align: center;
color: black;
background-image: url("images/footer.jpg");
background-repeat: repeat-x;
}
p
{

padding-left: 15px;
padding-right: 15px;
}
a:hover
{

color: #5b5f66;
}



voila le css

[IdF-Socrateus]

vérifie que la somme des largeurs des blocs ne dépasse pas celle de la page, et pense en particulier à prendre en compte les bordures (attention, marges et bordures ne sont pas prises en compte de la même manière dans IE et FF !).
(non, désolé, je fais pas le calcul )

déjà le header fait 985px et le footer 965px...

[surpriz]

si tu regarde bien le footer fais 984 et non 965, je sais pas t'a vu ca ou mais bon...

ensuite oui j'ai fais la somme et ca ne dépasse pas 984, j'ai même mis un px de sécurité en plus ce qui fais 985 pour le global