Probleme affichage image header

Question

Boujour a tous, en fait j'ai un petit probleme que je ne parviens pas a résoudre.
Lorsque je teste une page web avec le naviguateur internet explorer, l'image en background de mon header apparait, mais pas avec Mozilla Firefox

Voilà un extrait de mon code:

(ma feuille css)

#header {
width: 954px;
height: 183px;
margin: 0 auto;
background: url(images/img02.jpg) no-repeat;
}



et ma page php


echo"";
echo"
";
echo"
";

Voilà ma question serait de savoir si vous avez une explication a cette difference d'affichage et sil existe une solution.

neigedhiver · Answer

Salut,

As-tu pensé à respecter le standard HTML ?
Les attributs des balises doivent être placés ente guillemets doubles, et non simples.

Je vois que ça, parce que quand même, un code aussi basique, ça devrait fonctionner... C'est quand même pas bien compliqué...

<hr size="2" width="100%" />Neige

N'hésitez pas à lire la doc de PHP avant de poser des questions triviales...

malalam · Answer

Hello,

les éléments HTML doivent tout être fermés. Sur ton code, ils ne le sont pas.

neigedhiver · Answer

Ho... C'est pas juste un extrait qu'il a mis ?

<hr size="2" width="100%" />Neige

N'hésitez pas à lire la doc de PHP avant de poser des questions triviales...

malalam · Answer

Sait-on jamais.

maxxou56 · Answer

Si il s'agit que d'un extrait je me suis dit que cela ne servait pas à grand chose de mettre tout le code

maxxou56 · Answer

Avec les double guillemets cela ne fonctionne pas non plus

neigedhiver · Answer

En fait, c'est aussi valable pour les CSS :

background: url(images/img02.jpg) no-repeat;

=>

background: url("images/img02.jpg") no-repeat;

http://www.w3.org/TR/CSS21/colors.html#propdef-background-image

<hr size="2" width="100%" />Neige

N'hésitez pas à lire la doc de PHP avant de poser des questions triviales...

maxxou56 · Answer

Je viens de modifier mon css, mais malheureusement cela ne fonctionne toujours pas enfin avec Mozilla Firefox

neigedhiver · Answer

Bon ben montre nous ton code en entier, qu'on puisse essayer...

<hr size="2" width="100%" />Neige

N'hésitez pas à lire la doc de PHP avant de poser des questions triviales...

maxxou56 · Answer

Voila ma page d'index: HyperGlass By NodeThirtyThree + Free CSS Templates

Home|

Mon profil|"; echo"

Modifier Mon profil|

"; echo"

Mes photos|

"; echo"

Deconnexion|

"; } echo"

Contact

"; echo" "; echo" "; echo" "; echo" "; echo" "; echo" Les 6 dernières inscriptions "; $reqq="SELECT login,avatar FROM client ORDER BY dateinsc DESC LIMIT 0,6"; $ress=mysql_query($reqq,$cnx); $lignee=mysql_fetch_assoc($ress); //on boucle dabord les avatars echo"\"; echo\"---- \"; while($lignee){ echo (\", \"); $lignee=mysql_fetch_assoc($ress); } echo\"\"; //puis on reboucle pour les pseudos. $req2=\"SELECT login,avatar FROM client ORDER BY dateinsc DESC LIMIT 0,6\"; $res2=mysql_query($req2,$cnx); $ligne2=mysql_fetch_assoc($res2); while($ligne2){ echo (\" ".$ligne2['login']." |\"); $ligne2 =mysql_fetch_assoc($res2); } echo" "; echo" "; //selon le genre on include la page demandée if (isset($_REQUEST['genre'])) { $genre= $_REQUEST['genre']; switch($genre){ case "recherche": include("INC/recherche.php"); break; case "message": include("message.php"); break; case "mescoms": include("mescoms.php"); break; case "envoicom": include("envoicom.php"); break; case "profilphoto": include("profilphoto.php"); break; case "connectes": include("INC/connectes.php"); break; case "search": include("chercher.php"); break; case "envoimess": include("envoimess.php"); break; case "photos": include("photos.php"); break; case "profil": include("profil.php"); break; case "modifprofil": include("modifprofil.php"); break; case "demande": include("demande.php"); break; case "deco": include("deco.php"); break; case "login": include("login.php"); break; case "inscription": include("inscription.php"); break; } } else{ echo"PHPMyCommunity ! "; echo"Monday, April 7, 2008 "; echo" "; echo"DERNIERES MAJ's : -New design ! vous en pensez quoi ? -Vous pouvez maintenant ajouter des photos à votre galerie personnelle ! -Vous pouvez maintenant envoyer des com's et consulter ceux des autres membres ! -Recherche approfondie activée ! "; echo", \"; echo\"Site optimisé Mozilla firefox téléchargez le en cliquant sur l'image. (résolution 1024*768 et plus) "; echo"Bienvenue sur PhpMyCommunity ! ce site est encore un site test et non un vrai site de rencontre.Cependant le site prend rapidement forme et c'est avec plaisir que je prévois très bientôt de l'héberger complètement lorsque celui ci sera baptisé comme il se doît.Vous pouvez vous inscrire sans crainte, les données sont sauvegardées et je pourrais bien entendu les restaurer en cas de changement. "; echo"Profitez en donc pour communiquer avec des personnes dont les comptes sont existants pour voir le fonctionnement du site et vous familiariser avec celui-ci. "; echo"MISES A JOUR ! : "; echo"-Nouveau design ! -Envoi de commentaires et non pas seulement de messages persos. -Ajout d'une galerie photo personnelle. -Affichage des messages sur plusieurs pages (10 par pages environ). -Les smileys sont maintenant disponibles dans la description et les messages. "; echo"A VENIR ! : "; echo"-Ajout d'une messagerie instantanée (aussi appelée CHAT). -Plus de choix dans l'orientation de son profil afin de mieux pouvoir vous définir en tant que personne. -Recherche approfondie des membres. -Liste des connectés. -Age et liste des anniversaires des membres. -Classement et notes sur plusieurs critères à définir et compatibilité entre les membres. "; echo"Je sais il y a encore beaucoup de travail à fournir lol ... Sachez cependant que ce site a entièrement été conçu au bloc note... "; echo"Enfin vous pouvez également me contacter via le formulaire de contact pour tout renseignements et/ou remarques vous m'enverrez directement un message. "; echo"°°° Le webmaster °°° "; echo"

"; } echo" "; echo" "; echo" "; echo" "; echo" "; echo"About this Site "; echo"Quisque eu sem sed lacus tincieu, consectetuer et eget, tempus eget dolore. Blandit sed etiam dolore nullam dolore. "; echo" "; echo""; echo"

"; echo"Identifiant et mot de passe "; echo""; echo"

"; //zone de gauche if(isset($_SESSION['valid'])){ $l =$_SESSION['valid']; $requ="SELECT avatar from client where login='$l'"; $resu=mysql_query($requ,$cnx); $lignee=mysql_fetch_assoc($resu); echo""; echo" "; echo"".$_SESSION['valid']." "; echo"

"; echo" .::Deconnexion::."; } else{ //sinon on demande l'authentification echo""; echo"

"; } //menu general et recherche echo"

"; echo"

.::Home::.

"; echo"

.::S'inscrire::.

"; echo"

.::Nous contacter::.

"; echo"

"; echo""; echo"

"; echo""; echo" "; echo" "; echo" "; echo"

maxxou56 · Answer

Voila mon css (default.css):

body {
 margin: 0;
 padding: 0;
 background: #F4FBFF url(images/img01.jpg) repeat-x;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #405A67;
}




h1, h2, h3 {
 margin: 0;
 font-weight: normal;
 color: #4F6977;
}


h1 {
 letter-spacing: -1px;
 font-size: 44px;
}


h2 {
 font-size: 28px;
}


h3 {
 font-size: 16px;
}


p, ul, ol {
 margin: 0 0 1.5em 0;
 line-height: 1.5em;
 text-align: justify;
}


p {
}


blockquote {
 font-style: italic;
}


ul {
}


ol {
}


a {
 color: #38B5F1;
}


a:hover {
 text-decoration: none;
}


small {
}


hr {
 display: none;
}


img {
 border: none;
}


img.left {
 float: left;
 margin: 0 15px 0 0;
}


img.right {
 float: left;
 margin: 0 0 0 15px;
}


/* Header */


#header {
 width: 954px;
 height: 183px;
 margin: 0 auto;
 background: url("images/img02.jpg") no-repeat;
}


/* Logo */


#logo {
 float: left;
}


#logo h1, #logo h2 {
 float: left;
 text-transform: lowercase;
 color: #FFFFFF;
}


#logo h1 {
 padding: 115px 0 0 50px;
 font-weight: bold;
}


#logo h2 {
 padding: 143px 0 0 8px;
 font-size: 14px;
 font-weight: bold;
}


#logo a {
 text-decoration: none;
 color: #FFFFFF;
}


/* Menu */


#menu {
 float: right;
}


#menu ul {
 margin: 0;
 padding: 140px 20px 0 0;
 list-style: none;
 line-height: normal;
}


#menu li {
 display: inline;
}


#menu a {
 padding: 0 28px 0 0;
 text-transform: lowercase;
 text-decoration: none;
 font-size: 16px;
 font-weight: bold;
 color: #FFFFFF;
}


/* Page */


#page {
 width: 954px;
 margin: 0 auto;
 background: #FFFFFF url(images/img03.jpg) repeat-y;
}


#bg {
 background: url(images/img06.jpg) no-repeat left bottom;
}


/* Content */


#content {
 float: left;
 width: 680px;
 background: url(images/img04.jpg) no-repeat;
}


/* Posts */


.post {
 width: 606px;
 padding: 30px 0 0 48px;
}


.post .title {
 padding: 0 0 0 12px;
}


.post .title a {
 color: #4F6977;
}


.post .date {
 margin: -26px 25px 15px 0;
 text-align: right;
 color: #79AFCD;
}


.post .entry {
 padding: 25px 20px 0 12px;
 background: url(images/img07.jpg) no-repeat;
}


.post .meta {
 padding: 15px 12px;
 background: url(images/img08.jpg) no-repeat left bottom;
}


.post .meta b {
 display: none;
}


.post .more, .post .comments {
 padding: 0 30px 0 20px;
}


.post .more {
 background: url(images/img09.gif) no-repeat left center;
}


.post .comments {
 background: url(images/img10.gif) no-repeat left center;
}


/* About Box */


#about-box {
 width: 185px;
 height: 162px;
 padding: 70px 37px 0 35px;
 background: url(images/img11.jpg) no-repeat left bottom;
}


#about-box h2 {
 margin-bottom: 25px;
 font-size: 18px;
 font-weight: normal;
}


#about-box p {
 font-size: 12px;
}


/* Sidebar */


#sidebar {
 float: right;
 width: 274px;
 background: url(images/img05.jpg) no-repeat;
}


#sidebar ul {
 width: 206px;
 margin: 0;
 padding: 0 0 0 30px;
 list-style: none;
}


#sidebar li {
}


#sidebar li ul {
 width: auto;
 padding: 0 15px 0 10px;
}


#sidebar li li {
 padding: 5px 0 5px 0;
 background: url(images/img13.gif) repeat-x;
}


#sidebar li li.first {
 padding-top: 0;
 background: none;
}


#sidebar li h2 {
 font-size: 18px;
 padding: 30px 0 40px 10px;
 background: url(images/img12.jpg) no-repeat left bottom;
}


/* Footer */


#footer {
 padding: 30px 0;
}


#footer p {
 text-align: center;
 font-size: 12px;
 color: #83B3CE;
}


#footer a {
 color: #83B3CE;
}

Probleme affichage image header

11 réponses

Votre réponse

Discussions similaires