Se connecter avec
S'enregistrer | Connectez-vous

Probleme de répétition de background sous firefox!

Dernière réponse : dans Programmation

Bonjours à tous, voila j'ai fait une partie de mon site et je suis tombé sur un bug sous firefox : regardez

Sous internet explorer aucun problem mais avec firefox ca foire. le fond du milieu ne se repete pas.

Citation :

body { background-color:#FF6600;
}

#page { width:75%;
background-color : #FFFFFF;
}
#title {padding:50px 60px 5px 10px;


}

#haut { height:114px;
width:966px;
background-image:url(images/ok_01.gif);
}

#haut img { vertical-align:top; /* pour ie5*/
}

#coingh {
float: left;
}
#coindh {
float: right;
}

#centre { background-image:url(images/ok_02.gif);
background-repeat:repeat-y;
width:966px;
height:411px;
}

#milieugoche {
width:195px;
height:429px;
float:left;
}
#centredroite {
width:771px;
height:429px;
float:right;
}

#bas { background-image:url(images/ok_03.gif);
width:966px;
height:80px;
}

#boutons {padding:0px 10px 20px 30px;
}







Citation :
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Page me</title>
<link href="css100.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Style1 {
font-size: 24px;
color: #000033;
}
.Style2 {font-size: 10px}
-->
</style>
</head>

<div id="page">
<div id="haut">
<div class="Style1" id="coingh">Bienvenue visiteur, </div>
<div class="Style2" id="coindh">Fait par que moi meme :) </div>
<div id="title">
<div align="center"><strong>100sous.info : un site que me fait gagner de l'argent ! </strong></div>
</div>
<div id="boutons">Pk ca marche pas sur firefox! </div>

</div>
<div id="centre">
<div id="milieugoche"></div>
<div id="centredroite">
<p>dsfdsf</p>
<p>sd</p>
<p>fsdfs</p>
<p>df</p>
<p>sd</p>
<p>fs</p>
<p>d</p>
<p>fsd</p>
<p>fs</p>
<p>d</p>
<p>fsd</p>
<p>fs</p>
<p>df</p>
<p>sd</p>
<p>fsd</p>
<p>f</p>
<p>sd</p>
<p>fsd</p>
<p>fs</p>
<p>df</p>
<p>sd</p>
<p>f</p>
<p>sd</p>
<p>fsd</p>
<p>f</p>
</div>
</div>
<div id="bas">
</div>
</div>
</html>


Aidez moi :-)

Autres pages sur : probleme repetition background firefox

Lassé par la pub ? Créez un compte

Hello

Ce n'est pas une question de fond qui ne se répète pas ni même de bug, mais un problème de flux induit par tes floats.

Un bloc positionné en float est positionné dans le flux normal, mais son contenu s'écoule le long du flux et n'en fait pas partie. Donc ton bloc conteneur s'arrête à la hauteur que tu lui as fixé et donc le fond avec. Et le footer vient se coller juste au-dessus en suivant le flux normal.

Une manière de résoudre ton problème serait de déplacer ton div "bas" à l'intérieur du div "centre", de lui ajouter un clear:both; dans le css pour lui indiquer de se positionner en-dessous des flottants et de virer les height de ton #centre, #centredroite et #milieugoche
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde