Bonjour, alors je vais vous expliquer mon problème du mieux que je le peux !
Je voudrais creer une page index avec un design fixe en largeur et extensible en longueur, alors pour le permettre j'ai creer Ceci:
Voyez par vous meme le code HTML:
Jusque la je pense que ca doit être bien ?! ( c'est peut être trop simple...)
Voici le CSS pour mieux comprendre:
Voici le lien vers la catastrophe !
http://webspace.crizalys.net/raiden/index.html
Donc le soucie Se passe du coter de Firefox principalement qui refuse de caser mes images dans le Conteneur et meme le body...
Le cadre rouge (Conteneur) est tres largement dépassé ainsi que le Vert (Body) et ce que je voudrais c'est que le Conteneur et le body suivent la taille en longueur ...
Cela fait 3 jours que je suis sur le problème, y'aurait'il quelqu'un pour m'aider sur le sujet ?
Merci d'avançe !
ps: j'ai également cru apercevoir un décalage dans le centrage de page entre IE et Firefox quelqu'un pourrais me confirmer cela ?
Je voudrais creer une page index avec un design fixe en largeur et extensible en longueur, alors pour le permettre j'ai creer Ceci:
Voyez par vous meme le code HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=ISO-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Page Index" href="styles/index.css"/>
<title>
Tw0BaD HomePage
</title>
</head>
<body>
<div id="conteneur"><!--Debut du div conteneur -->
<div id="BanniereG"></div>
<div id="BanniereM"></div>
<div id="BanniereD"></div>
<div id="BanniereCG"></div>
<div id="BanniereCD"></div>
<div id="BanniereRC"></div>
<div id="BanniereGB"></div>
<div id="BanniereDB"></div>
</div><!-- fin du div conteneur-->
</body>
</html>Jusque la je pense que ca doit être bien ?! ( c'est peut être trop simple...)
Voici le CSS pour mieux comprendre:
* {
margin : 0;
padding : 0;
border : 0;
}
body{
height: 100%;
height: 768px;
background-color: Black;
border: 2px solid green;
}
#conteneur{
width: 920px;
height: 100%;
margin-left: auto;
margin-right: auto;
border: 1px Red Solid;
}
#BanniereG{
background-image: url(../images/CoinG.png);
background-repeat: no-repeat;
float: left;
width: 276px;
height: 132px;
}
#BanniereM{
background-image: url(../images/Milieu.png);
background-repeat: no-repeat;
float: left;
width: 357px;
height: 132px;
}
#BanniereD{
background-image: url(../images/CoinD.png);
background-repeat: no-repeat;
float: left;
width: 285px;
height: 132px;
}
#BanniereCG{
background-image: url(../images/centreG.png);
background-repeat: no-repeat;
float: left;
width: 454px;
height: 105px;
}
#BanniereCD{
background-image: url(../images/centreD.png);
background-repeat: no-repeat;
float: left;
width: 466px;
height: 105px;
}
#BanniereRC{
background-image: url(../images/repeat_centre.png);
background-repeat: repeat-y;
float: left;
width: 920px;
height: 100%;
}
#BanniereGB{
background-image: url(../images/CoinGB.png);
background-repeat: no-repeat;
float: left;;
width: 454px;
height: 87px;
}
#BanniereDB{
background-image: url(../images/CoinBD.png);
background-repeat: no-repeat;
float: left;
width: 466px;
height: 87px;
}Voici le lien vers la catastrophe !
http://webspace.crizalys.net/raiden/index.html
Donc le soucie Se passe du coter de Firefox principalement qui refuse de caser mes images dans le Conteneur et meme le body...
Le cadre rouge (Conteneur) est tres largement dépassé ainsi que le Vert (Body) et ce que je voudrais c'est que le Conteneur et le body suivent la taille en longueur ...
Cela fait 3 jours que je suis sur le problème, y'aurait'il quelqu'un pour m'aider sur le sujet ?
Merci d'avançe !
ps: j'ai également cru apercevoir un décalage dans le centrage de page entre IE et Firefox quelqu'un pourrais me confirmer cela ?
