taille auto firefox cssRésolu/Fermé

Question

Bonjour à tous,
Je suis entrain de faire une page CSS qui marchait trés bien, sur IE7 et qui ne marche pas sur FF. Vous allez me dire que il faut toujours dévelloper par firefox puis corriger pour IE sa feuille de style mais bon je n'est pas fait ça.
Sur ma page internet, dans body j'ai un div, qui regroupe beaucoup d'élément div, include ... Mon div qui regroupe tous, à un background-image et doit ce répéter automatiquement sur Y. Il le fait trés bien sur IE même si il ne va pas tous en haut et tout en bas. Mais sur Firefox comme je n'ai pas de height précis car la page est dynamique, j'ai juste l'image qui ne ce répéte pas et qui n'englobe pas tous le contenu du div. Voila espérant être assez clair^^.
je vous donne le lien de la page: http://www.fullakira.fr
puis le css: http://www.fullakira.fr/css/decopage.css

Voila a trés vite j'espère.

jona303 · Answer

.body1
{
	width: 860px;
	background-image:url(../img/back.jpg);
	margin-left: auto;
	margin-right: auto;
background-repeat:repeat-y;
}
non ?
mais en fait ton css est pas clair, moi j'aurais fait un div qui englobe le header et le contenu avec ce background fin la j'ai pas tout bien capté ton code je l'ai lu en vitesse, mais voila essaye tjs ca

ninou14fr · Answer

Merci de ta réponse mais ce n'est pas ça.
si tu veux sous firefox mon div, il le considere avec une largeur de 860px. Mais il veut pas englober tous le reste et donc il a une hauteur de 100px et non de toute la page (car l'image ne se repete pas). et si je met une largeur de 2000px sur la classe body1 le background-repeat se fait automatiquement sur le Y. Mais j'ai une page dynamique, Et il me faut pas une hauteur précise.
Vois tu ce que je veux te dire?

jona303 · Answer

J'avoue que non :)
il me semble que tu compliques un peu les choses,..
revois la structure de tes divs,..

ninou14fr · Answer

Pourrais tu me dire 
en quoi tu trouve la structure de mes div compliquaient?

Dalida · Answer

salut, c'est parce qu'il n'y a que des flottants dans div#body1. tu peux lui ajouter {float:left;} et passer le code de centrage au niveau de . en gros : body{ width:800px; margin:0 auto; } div#body1{ float:left; } mais il vaudrait mieux mettre la colonne en flottant à gauche et le contenu avec un espacement à gauche (technique de la "fausse colonne"). comme ça pas besoin de faire flotter le

container.

Dalida · Answer

salut,

pour savoir si c'est un problème de marges/espacements par défaut tu peux les initialiser tous et regarder ce qui se passe.
en bas de ta feuille de style, ajoute :
html, body, div, p{ /* et autres balises si besoin */
margin:0;
padding:0;
}
si ça fait sauter la marge, reste plus qu'à trouver la balise à cibler.
pour ça tu peux t'aider de FireBug.

Taille auto firefox css

6 réponses

Discussions similaires

Newsletters