Bonjour,
Après être tombé sur un site dont le design m'a séduit je me suis mis en tête d'en réaliser un suivant le même modèle.
Il y aurait donc un fond constitué de deux images, l'une en haut, l'autre en bas, puis par dessus ce fond le site en lui même constitué d'une image comme en-tête puis un cadre pour le contenu et un dernier cadre pour le pied de page.
Le but serait que le site s'adapte à la résolution du visiteur (au minimum 1024x768)
Après avoir bataillé pendant quelques heures j'ai réussi plus ou moins à faire ce que je voulais mais il reste tout de même quelques problèmes...
Mon premier problème apparait lorsque j'utilise une résolution de 1024x768, le design ne s'adapte pas, il apparait une barre de défilement qui, lorsqu'on la fait défiler, fait disparaitre les images du fond. Apparemment un bloc noir passe devant les images mais je ne sais pas lequel...
Mon second problème vient du fait que sous IE7 l'en tête s'aligne à droite au lieu de s'aligner au milieu.
Je n'ai pas encore eu le courage de regarder ce que ça donne sous IE6 mais je le ferai ... plus tard pour pas trop me décourager
Voici le code html utilisé :
Quant au CSS il est accessible ici pour éviter un message trop long (bien qu'il le soit déjà)
.
Si vous arrivez ici je vous dis merci d'avoir eu le courage de lire mon message en entier, et vous remercie aussi d'avance pour l'aide que vous pourrez m'apporter.
Modifié par Norfou (06 Dec 2007 - 15:29)
Après être tombé sur un site dont le design m'a séduit je me suis mis en tête d'en réaliser un suivant le même modèle.
Il y aurait donc un fond constitué de deux images, l'une en haut, l'autre en bas, puis par dessus ce fond le site en lui même constitué d'une image comme en-tête puis un cadre pour le contenu et un dernier cadre pour le pied de page.
Le but serait que le site s'adapte à la résolution du visiteur (au minimum 1024x768)
Après avoir bataillé pendant quelques heures j'ai réussi plus ou moins à faire ce que je voulais mais il reste tout de même quelques problèmes...
Mon premier problème apparait lorsque j'utilise une résolution de 1024x768, le design ne s'adapte pas, il apparait une barre de défilement qui, lorsqu'on la fait défiler, fait disparaitre les images du fond. Apparemment un bloc noir passe devant les images mais je ne sais pas lequel...
Mon second problème vient du fait que sous IE7 l'en tête s'aligne à droite au lieu de s'aligner au milieu.
Je n'ai pas encore eu le courage de regarder ce que ça donne sous IE6 mais je le ferai ... plus tard pour pas trop me décourager
Voici le code html utilisé :
<body>
<div id="global">
<div id="background-haut"></div>
<div id="header"></div>
<div id="contenu"></div>
<div id="footer"></div>
</div>
</body>
Quant au CSS il est accessible ici pour éviter un message trop long (bien qu'il le soit déjà)
.Si vous arrivez ici je vous dis merci d'avoir eu le courage de lire mon message en entier, et vous remercie aussi d'avance pour l'aide que vous pourrez m'apporter.
Modifié par Norfou (06 Dec 2007 - 15:29)
