Taille auto firefox css
Résolu
Utilisateur anonyme
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
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.
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.
A voir également:
- Taille auto firefox css
- Comment réduire la taille d'un fichier - Guide
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Telecharger firefox - Télécharger - Navigateurs
- Reduire taille image - Guide
- Exporter favoris firefox - Guide
6 réponses
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 <body>.
en gros :
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 <div> container.
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 <body>.
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 <div> container.
.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
{
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
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?
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?
J'avoue que non :)
il me semble que tu compliques un peu les choses,..
revois la structure de tes divs,..
il me semble que tu compliques un peu les choses,..
revois la structure de tes divs,..
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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 :
si ça fait sauter la marge, reste plus qu'à trouver la balise à cibler.
pour ça tu peux t'aider de FireBug.
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.
Mais pourrais tu m'expliquer pourquoi tu écris
margin: 0 auto;
le 0 de margin a quoi sert-il?
De plus tu as résolu un autre probléme avec ta solution
Un espace en haut et en bas ou l'image ne ce répéter pas comme si il y avait un margin 10px par exemple.
pourrais tu m'expliquer pourquoi si tu vois ce que je veux dire?
donc en fait j'ai appliqué 0 de marge en haut et en bas et automatique pour la droite et la gauche.
c'est aussi ça qui a supprimé la marge par défaut du haut.
chaque navigateur appliques des valeurs par défaut aux éléments, dans certains cas il faut penser à les remettre à zéro.
+ la spécification
avec les marge par défautlt.
Sur un pc avec un écran de 1280 part 1024 tous marche nikel mais jai essayer avec un écran de 22pouce et la j'ai une marge tous en bas qui s'affiche. Et cette marge ne s'affiche que sur l'index^^. bizarre
Et tous les deux avec IE7.
tu saurais quelque chose la dessus?