couleur de fond qui ne va pas jusqu'en bas de page

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu couleur de fond qui ne va pas jusqu'en bas de page

Message par gaspar le Sam 25 Mar 2017 - 16:04

Salut à tous,
J'ai appliqué une couleur de fond à mon forum en css, jusque là tout va bien.
Code:
.headercoloryeah {
  background-color: rgba(0, 47, 43, 0.8);
  top: -180px;
  left:0px;
  position:absolute;
  width:100%;
  height: 180px;
}
.gcoll{
  background-color: rgba(0, 47, 43, 0.8);
  top: 0px;
  left:0px;
  position:absolute;
  width:10%;
  z-index:1;
  height: 100%;
}
.dcolr{
  background-color: rgba(0, 47, 43, 0.8);
  top: 0px;
  left:90%;
  position:absolute;
  width:10%;
  height:100%;
  z-index:5;
}
Sauf que j'ai constaté en dé-zoomant, qu'a un moment donné, ma couleur de fond s'arrête au bas du forum. Shocked



Ma crainte étant que sur les pc à haut résolution cela se produise, j'ai tenté de modifier on css :

Code:
.conteneur_minwidth_IE{
  top: 170px;
  left:0px;
  position:absolute;
  width:100%;
  height:100%;
}
.conteneur_container_IE, .conteneur_layout_IE{
  height:100%;
}

Au début, je me dis :"Well done ! ça marche ! Yes "



Mais en fait en remettant le zoom à 0, ça donne ceci :



Alors je cherche, je cherche d'où vient l'erreur Pc , mais là franchement je pige pas Confused

[édit]
Ici je viens d'envoyer un message, et je m'apperçois que c'est effectivement un problème Sad

à la limitte si je pouvais appliquer ce css sur le bas du forum, ça serait juste parfais, mais je n'arrive pas à la positionner correctement Sad
Code:
.basduforum{
  background-color: rgba(0, 47, 43, 0.8);
  top: 0px;
  left:0px;
  position:absolute;
  width:100%;

}


Dernière édition par gaspar le Lun 27 Mar 2017 - 15:05, édité 1 fois
avatar

gaspar
*****

Masculin
Messages : 852
Inscrit(e) le : 03/01/2006

http://ddaynormandy.keumforum.com
gaspar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur de fond qui ne va pas jusqu'en bas de page

Message par lmc38510 le Sam 25 Mar 2017 - 20:04

Bonjour "gaspar"

Une solution -> comme ton lien -> "Panneau d'administration" est en bas de page

Ajoute dans ton CSS:
Code:
/* Ajout espace sous le Forum */
.copyright {margin-bottom:200px;}

tu fais varier 200 en + ou - Very Happy
avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur de fond qui ne va pas jusqu'en bas de page

Message par gaspar le Dim 26 Mar 2017 - 0:01

Donc l'intéret c'est que l'affichage soit compatible sur toutes les résolutions.

Alors j'ai fais
Code:
.copyright {margin-bottom:100%;}

Parce que si je met 100 ou même 500px, ça ne résout pas le problème d'homogénéité.

Donc ben finalement, ça marche, mais cause un autre souci : j'ai un scroll de dingue geek



Donc ben finalement... non, ca va pas vraiment...
avatar

gaspar
*****

Masculin
Messages : 852
Inscrit(e) le : 03/01/2006

http://ddaynormandy.keumforum.com
gaspar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur de fond qui ne va pas jusqu'en bas de page

Message par ◦Jay◦ le Dim 26 Mar 2017 - 8:30

Bonjour, pourquoi ne simplement pas retirer tous ces codes couleurs et mettre une image de fond colorée ? scratch



En retirant tout le reste et en modifiant le #wrap comme ceci :

Code:
#wrap{background-color:rgba(0,145,130,0.3);}

On s'approche de ce que vous avez actuellement.

Bien à vous


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3604
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur de fond qui ne va pas jusqu'en bas de page

Message par gaspar le Lun 27 Mar 2017 - 15:04

... en fait c'est sans doute perso, mais je voulais faire en sorte de n'avoir d'une seule image de fond et d'arriver à l'avoir dans la couleur précise que je voulais grâce au CSS

je voulais pouvoir modifier le thème assez facilement avec les fonction de remplacements de couleurs dans un éditeur de texte.

Mais c'est pas grave finalement j'ai mis un fond de page général, et un autre fond dans le wrap, vu la façon dont j'ai fait cette image et avec la position fixed, ca le résultat final est le même, voir encore mieux
avatar

gaspar
*****

Masculin
Messages : 852
Inscrit(e) le : 03/01/2006

http://ddaynormandy.keumforum.com
gaspar a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum