Probleme css sur mozilla...
Résolu
Psycomania
Messages postés
12
Date d'inscription
Statut
Membre
Dernière intervention
-
slow Messages postés 370 Date d'inscription Statut Membre Dernière intervention -
slow Messages postés 370 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voila j'ai un soucis de centrage de page sur mozilla que je n'ai pas sur IE.
Ça fait maintenant 2 jours que je suis plonger dessus à scruter les forums sans avoir de réponse...
L'adresse du site internet est seadanimations.fr
Mon css est :
body {
float:left;
text-align:center;
margin:0;padding:0;
background-image:url(images/background.jpg);
background-repeat:repeat-x;
background-color:#262626;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
}
#design {
position: relative;
margin-left: 0;
margin-right: 0;
width:772px;
height:100%;
}
#header {
background-image:url(images/header.jpg);
width:772px;
height:197px;
}
#menu {
background-image:url(images/menu.jpg);
width:772px;
height:80px;
padding-top:12px;
}
.conteneurhaut {
background-image:url(images/conteneur_haut.jpg);
background-repeat:no-repeat;
width:772px;
height:12px;
}
.conteneur {
background-image:url(images/conteneur_fond.jpg);
background-repeat:repeat;
width:772px;
height:auto;
}
.conteneurbas {
background-image:url(images/conteneur_bas.jpg);
background-repeat:no-repeat;
width:772px;
height:12px;
}
.boitetext {
width:420px;
height:auto;
margin: auto;
margin-left:auto;
margin-right:auto;
}
#footer {
background-image:url(images/footer.jpg);
width:772px;
height:46px;
}
Si vous avez une solution pour moi je serais vraiment heureux xD
Voila j'ai un soucis de centrage de page sur mozilla que je n'ai pas sur IE.
Ça fait maintenant 2 jours que je suis plonger dessus à scruter les forums sans avoir de réponse...
L'adresse du site internet est seadanimations.fr
Mon css est :
body {
float:left;
text-align:center;
margin:0;padding:0;
background-image:url(images/background.jpg);
background-repeat:repeat-x;
background-color:#262626;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
}
#design {
position: relative;
margin-left: 0;
margin-right: 0;
width:772px;
height:100%;
}
#header {
background-image:url(images/header.jpg);
width:772px;
height:197px;
}
#menu {
background-image:url(images/menu.jpg);
width:772px;
height:80px;
padding-top:12px;
}
.conteneurhaut {
background-image:url(images/conteneur_haut.jpg);
background-repeat:no-repeat;
width:772px;
height:12px;
}
.conteneur {
background-image:url(images/conteneur_fond.jpg);
background-repeat:repeat;
width:772px;
height:auto;
}
.conteneurbas {
background-image:url(images/conteneur_bas.jpg);
background-repeat:no-repeat;
width:772px;
height:12px;
}
.boitetext {
width:420px;
height:auto;
margin: auto;
margin-left:auto;
margin-right:auto;
}
#footer {
background-image:url(images/footer.jpg);
width:772px;
height:46px;
}
Si vous avez une solution pour moi je serais vraiment heureux xD
A voir également:
- Probleme css sur mozilla...
- Downloadhelper mozilla - Télécharger - Outils pour navigateurs
- Mozilla firefox - Télécharger - Navigateurs
- Mozilla thunderbird - Télécharger - Mail
- Mozilla sunbird - Télécharger - Agendas & Calendriers
- Mozilla backup - Télécharger - Sauvegarde
20 réponses
tu peux toujours essayer de mettre une balise center après la balise body de ton document html........
Dans le html j'ai mis :
<body>
<div id="design" align="center">
<div id="header"></div> <!-- Ne pas modifier -->
<div id="menu" align="center">
Et cela ne marche toujours pas... Si tu veux voir plus en détail ouvre le code source de ma page html tu pourras y voir plus clair ^^
<body>
<div id="design" align="center">
<div id="header"></div> <!-- Ne pas modifier -->
<div id="menu" align="center">
Et cela ne marche toujours pas... Si tu veux voir plus en détail ouvre le code source de ma page html tu pourras y voir plus clair ^^
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Oui super !!!!!! Tu as trouver je t'avoue que je n'y avait franchement pas penser du tout :s honte à moi ^^
Je te remercies énormément continue ton boulot c'est super sympas d'aider les autres comme ça xD
Je te remercies énormément continue ton boulot c'est super sympas d'aider les autres comme ça xD
J'aurais une autre question par contre... Je sais pas si tu as vu mais sur certaine page j'ai un soucis car il y a des espaces sur entre mes div alors qu'hier ce n'était pas le cas ... :s Et ça ne le fais que sur Mozilla et non sur IE ainsi que les bouton dans le menu qu'y ne sont pas centrer. Ce que je comprends pas c'est qu'il ne me semble pas avoir toucher a quoi que ce soit à ce niveau la...
<p> <!-- VOTRE CONTENU TEXTE ICI --> </p> <p align="center" class="Style1">Samedi 18 Octobre 2008 : Ondres 40</p> <p align="center" class="Style1">Samedi 1 Novembre 2008 : St Justin 40</p> <p align="center" class="Style1">Samedi 29 Novembre 2008 : St Justin </p> <p> </p>
en supprimant les balises P et remplacer par
<!-- VOTRE CONTENU TEXTE ICI --> <p align="center" class="Style1"> Samedi 18 Octobre 2008 : Ondres 40<br><br> Samedi 1 Novembre 2008 : St Justin 40<br><br> Samedi 29 Novembre 2008 : St Justin </p>
<div class="conteneurhaut"></div>
<div class="conteneur">
<div class="boitetext">
<p>
<!-- VOTRE CONTENU TEXTE ICI -->
<p align="center" class="Style1">
Samedi 18 Octobre 2008 : Ondres 40<br><br>
Samedi 1 Novembre 2008 : St Justin 40<br><br>
Samedi 29 Novembre 2008 : St Justin
</p>
</div>
</div>
<div class="conteneurbas"></div>
par
<div class="conteneurhaut">
<div class="conteneur">
<div class="boitetext">
<!-- VOTRE CONTENU TEXTE ICI -->
<p align="center" class="Style1">
Samedi 18 Octobre 2008 : Ondres 40<br><br>
Samedi 1 Novembre 2008 : St Justin 40<br><br>
Samedi 29 Novembre 2008 : St Justin
</p>
<div class="conteneurbas">
</div>
</div>
</div>
</div>
on va bien finir par l'avoir :p
<div class="conteneur">
<div class="boitetext">
<p>
<!-- VOTRE CONTENU TEXTE ICI -->
<p align="center" class="Style1">
Samedi 18 Octobre 2008 : Ondres 40<br><br>
Samedi 1 Novembre 2008 : St Justin 40<br><br>
Samedi 29 Novembre 2008 : St Justin
</p>
</div>
</div>
<div class="conteneurbas"></div>
par
<div class="conteneurhaut">
<div class="conteneur">
<div class="boitetext">
<!-- VOTRE CONTENU TEXTE ICI -->
<p align="center" class="Style1">
Samedi 18 Octobre 2008 : Ondres 40<br><br>
Samedi 1 Novembre 2008 : St Justin 40<br><br>
Samedi 29 Novembre 2008 : St Justin
</p>
<div class="conteneurbas">
</div>
</div>
</div>
</div>
on va bien finir par l'avoir :p
ou alors,
<div class="conteneurhaut"></div>
<div class="conteneur">
<div class="boitetext">
<!-- VOTRE CONTENU TEXTE ICI -->
<span align="center" class="Style1">
Samedi 18 Octobre 2008 : Ondres 40<br><br>
Samedi 1 Novembre 2008 : St Justin 40<br><br>
Samedi 29 Novembre 2008 : St Justin
</span>
</div>
</div>
<div class="conteneurbas"></div>
<div class="conteneurhaut"></div>
<div class="conteneur">
<div class="boitetext">
<!-- VOTRE CONTENU TEXTE ICI -->
<span align="center" class="Style1">
Samedi 18 Octobre 2008 : Ondres 40<br><br>
Samedi 1 Novembre 2008 : St Justin 40<br><br>
Samedi 29 Novembre 2008 : St Justin
</span>
</div>
</div>
<div class="conteneurbas"></div>
Tu as trouver tu es magnifique !!!!!!!!
Maintenant il faut que je fasse la même chose pour la page contact et lien.
Pour pas mourrir bête tu peux m'expliquer quel étais mon soucis ? Comme ça pour les prochaines fois je ne ferais pas la même erreur ^^
Maintenant il faut que je fasse la même chose pour la page contact et lien.
Pour pas mourrir bête tu peux m'expliquer quel étais mon soucis ? Comme ça pour les prochaines fois je ne ferais pas la même erreur ^^
et si,
si tu veux enlever le cadre bleu des images de liens
<img src="images/206.JPG" alt="Carrosserie" width="195" height="184" />
tu rajoutes BORDER="0"
<img src="images/206.JPG" alt="Carrosserie" width="195" height="184" border="0" />
si tu veux enlever le cadre bleu des images de liens
<img src="images/206.JPG" alt="Carrosserie" width="195" height="184" />
tu rajoutes BORDER="0"
<img src="images/206.JPG" alt="Carrosserie" width="195" height="184" border="0" />
pour la page contact,tu peux alleger ton code comme ceci
<div class="conteneurhaut"></div>
<div class="conteneur">
<div class="boitetext">
<span align="center" class="Style3">
<!-- VOTRE CONTENU TEXTE ICI -->
S.E.A.D Animations<br>
32400 LelinLapujolle<br><br>
<img src="images/telephone_015.gif" width="157" height="175" border="0" /><br><br>
06-83-70-29-44<br>
05-58-03-87-94<br>
<a href="mailto:seadanimations@orange.fr"><img src="images/e_mail1_041.gif" width="112" height="75" border="0" /></a> <br>
seadanimations@orange.fr
</span>
</div>
</div>
<div class="conteneurhaut"></div>
<div class="conteneur">
<div class="boitetext">
<span align="center" class="Style3">
<!-- VOTRE CONTENU TEXTE ICI -->
S.E.A.D Animations<br>
32400 LelinLapujolle<br><br>
<img src="images/telephone_015.gif" width="157" height="175" border="0" /><br><br>
06-83-70-29-44<br>
05-58-03-87-94<br>
<a href="mailto:seadanimations@orange.fr"><img src="images/e_mail1_041.gif" width="112" height="75" border="0" /></a> <br>
seadanimations@orange.fr
</span>
</div>
</div>