18073 sujets

Questions générales et questions de débutants

Problème codage design

Bonjours,

J'éspère déjà que je post dans la bonne catégorie du forum, ne m'en voulez pas si je me suis trompé ! J'ai un problème avec un codage d'un design.

Presque tous marche sur internet explorer, mais c'est l'orreur sur firefox (que j'utilise particuliérement). De plus je narrive pas a placer une image de fond pour le contenu (bizard)

Le kit: http://graphiqueskits.free.fr/creativelegend/
Le css: http://graphiqueskits.free.fr/creativelegend/design.css
Dossier images: http://graphiqueskits.free.fr/creativelegend/images/

Donc impossible de placer l'image contenu.jpg en fond pour le div corps
Ou est mon erreur ?

Pourquoi le footer bug comme sa sur ff ?

Comment faire pour solutionner mes deux problèmes (je bloque depuis pas mal de temp ^^), que faire pour que le kit soit compatible ff et ie et que aient bien ?

Merci d'avance Smiley smile

Guicara
Modifié par guicara (10 Apr 2006 - 18:52)
Salut,
avec mes yeux de débutant Smiley biggrin , je me dis que l'image de fond est bien assignée au div corps, mais vu que tu n'as pas spécifié de hauteur et que le contenu du div est vide, celui-ci n'apparait pas.. ?
Et le footer est bien placé, encore une fois c'est une question de div vide, si tu remplis <div id="corps"></div> il devrait se positionner corrèctement juste en dessous du contenu...
Je laisse aux experts le soin de confirmer / infirmer Smiley langue
Modifié par Hyp (10 Apr 2006 - 19:07)
Effetctivement je n'y avait pas penser, je vais essayer de remplir tous sa ^^

Edit > C'est fait c'est déjà mieux mais encore des bug comme en haut a droite pour la bande bleu. Pourquoi ? Et aussi l'arrière plan du div contenu ce répette Smiley rolleyes
guicara a écrit :
Effetctivement je n'y avait pas penser, je vais essayer de remplir tous sa ^^

Edit > C'est fait c'est déjà mieux mais encore des bug comme en haut a droite pour la bande bleu. Pourquoi ? Et aussi l'arrière plan du div contenu ce répette Smiley rolleyes

L'arrière-plan qui se répète, c'est toi qui l'a défini non ?

div#corps {
    ...

    background-color: #F5F5F5;
    background-image: url('images/contenu.jpg');
    background-repeat: repeat-x;
}


Bizarre que le petit carré vert de l'image de fond n'apparaisse pas en haut à droite Smiley confus

D'ailleurs quelque chose m'échappe avec le fond du contenu, parce que si le texte dépasse la hauteur du fond la couleur blanche de fond apparait..
Pourquoi ne pas avoir fait une bande de 1 px de hauteur qui se répète en y, et tu utilises le même procédé qu'à gauche pour ajouter la partie verte manquante à la barre horizontale ?
Heu je suis peut-être pas clair Smiley sweatdrop
Merci pour le fond qui se répère c'est résolu.

Pour la deuxième chosse je croix avoir compris, mais je pense que se serait plus dur non ? Sa fait encore rajouter un truc dans le codage.

Aucune idée pour le bug en haut a doire ?
Ce qui est bizard, c'est que pourtant le fond est comme sa:

edit > je coix avoir compris ! en quelques secondes enfaites, toutes mes balises sont envelopé dans une balise all. Qui a pour fond:

http://graphiqueskits.free.fr/creativelegend/images/fond_all.jpg

est ce que sa recouvrerait http://graphiqueskits.free.fr/creativelegend/images/contenu.jpg ?

Merci d'avance !

ps: je vient de voir que si le menu est grand, il passe dessus le footer, Alors qu'il ne faut pas, le footer doit peter prioritaire Smiley cligne

Comment faire ? ^^
guicara a écrit :

edit > je coix avoir compris ! en quelques secondes enfaites, toutes mes balises sont envelopé dans une balise all. Qui a pour fond:

http://graphiqueskits.free.fr/creativelegend/images/fond_all.jpg

est ce que sa recouvrerait http://graphiqueskits.free.fr/creativelegend/images/contenu.jpg ?

Visiblement c'est ça..
Idée en l'air, peut-être définir un z-index faible pour le div qui englobe les autres, et un plus élevé pour le contenu, afin que le fond du contenu recouvre le fond du all ?
Je n'ais pas tous compris là ^^

Mais ce qui est bizard (je viens de me rendre conte) sur mon affirmation précédente, c'est que sur le coté gauche aucun problème, alors que c'est la <même> technique !

Moi je dis parfois le CSS resteras le plus grans des mystères ?
Un professionnel avertis ne pourrait pas maider ? en language compréhensible si possible ^^ Smiley biggrin
Personne ne peux maider ?

En plus je pense que je me suis bien tromper dans le codage, car si j'enlève l'image de fond de la balise all, on voit des bug !

edit: après mur recher j'ai coriger quelques bug, il en reste plus que un, comment se fait t'il que toujours en haut a droite, la bande blanche verticale soit déclallé de 1 pixels ? Et encore sous ff, le footer n'est pas prioritaire

edit 2: sous ie je vient de voir que le fond bug !
pourtant j'ai mis >


    background-color: #FAFAFA;
    background-image: url('images/contenu.jpg');
    background-repeat:no-repeat;

Modifié par guicara (11 Apr 2006 - 18:52)
Sujet clos
Aller à