Comment faire pour avoir une <div> faisant office de <body> - Forum Alsacréations : CSS et Standards Web

Auteur
spartouille	# 05 Jul 2008 - 21:43:02
20 Posts	Bonjour, Tout est dans la question. Mon <body> a déjà une image de fond mais il faut que j'en mette une autre encore en dessous. Donc je me suis dit que j'allais mettre le fond "en bas" appliqué à body et créer une <div> englobant tout le contenu, comme <body> à qui j'applique l'ancien fond qu'avait body. Je sais pas si vous suivez mais en gros, j'ai crée ma div, je lui ai mis l'image de fond et à body j'ai mis l'image de fond du dessous. Seulement je ne sais pas comment faire pour que ma div réagisse comme mon body, je parle niveau dimensions et placement exact du fond. en gros mon code ressemble a ca: <body> <ma_div> tout le contenu du site </ma_div> </body> et le css #body { background: url(le_fond_du_site) } #ma_div { background: url(le_fond_du_dessus_qui_saffiche_pas_a_cause_des_dimensions) } Y a probablement une ou deux lignes de code toute betes a placer pour réussir a donner les meme dimensions etc à ma div qu'au body ? Merci d'avance Modifié par spartouille (05 Jul 2008 - 23:38)
20 Posts
Florent V.	# 05 Jul 2008 - 22:00:50
On va manger des chips. Modérateur 12896 Posts	Bonjour, Déjà il faut supprimer marge et padding de BODY (suivant les navigateurs, BODY a un margin: 6px; ou un padding: 6px; par défaut). Ensuite, si tu veux que ton bloc ait une hauteur de 100% du viewport, il faut procéder ainsi: html { height: 100%; } body { height: 100%; margin: 0; padding: 0; } div#global { min-height: 100%; /* Pour IE6 via un commentaire conditionnel: height: 100%; / } Lisez les specs!* Et aussi: Ressources en intégration web (HTML et CSS)
On va manger des chips. Modérateur 12896 Posts
spartouille	# 05 Jul 2008 - 22:30:27
20 Posts	en effet, ma div #global a pris 100% du "viewport" mais en revanche c'est comme si tout le reste du CSS ou presque avait disparu, excepté pour cette div.
20 Posts
Igor	# 05 Jul 2008 - 23:08:20
Modérateur 5465 Posts	spartouille a écrit : en effet, ma div #global a pris 100% du "viewport" mais en revanche c'est comme si tout le reste du CSS ou presque avait disparu, excepté pour cette div. Bonjour à toi aussi , Sans une page en ligne il va être difficile de t'aider .
Modérateur 5465 Posts
Florent V.	# 05 Jul 2008 - 23:28:18
On va manger des chips. Modérateur 12896 Posts	spartouille a écrit : en effet, ma div #global a pris 100% du "viewport" mais en revanche c'est comme si tout le reste du CSS ou presque avait disparu, excepté pour cette div. C'est le genre de chose qui arrive quand on a une erreur de syntaxe qui force le navigateur à arrêter l'analyse de la feuille de styles. Tu peux débusquer cette erreur avec le validateur CSS du W3C: http://jigsaw.w3.org/css-validator/ Lisez les specs! Et aussi: Ressources en intégration web (HTML et CSS)
On va manger des chips. Modérateur 12896 Posts
spartouille	# 05 Jul 2008 - 23:38:32
20 Posts	Merci mais je pense avoir trouvé une autre solution que de créer une autre div et d'alterner les fonds... Ca m'évite de me tuer a la tache surtout que je ne peux pas laisser mon site en ligne trop longtemps avec autant de bugs, enfin du coup mon problème est réglé pour l'instant, cela venait du fait que safari n'affiche pas les couleurs du background de la même manière que les autres navigateurs... Je vous remercie quand meme de l'attention portée a mon probleme mais je n'ai plus vraiment l'intention de creuser dans cette direction étant donné que mon problème est réglé... Igor > désolé pour le "bonjour", j'étais fatigué et j'imaginais que comme sur d'autres forums le "bonjours," était mis d'office... Donc merci, et je retiens tout de même le "truc" pour la taille d'une div.
20 Posts
Prévenir un modérateur

Les références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles

Nikozen : Hébergement - Réalisation : Alsacreations.fr