La background-color disparaît

La background-color disparaît - HTML/CSS - Programmation

Marsh Posté le 14-02-2008 à 21:43:23    

Bonjour
 
Je sèche sur un sujet que je vais tenter d’expliquer.
 
Dans ma CSS, j’ai :

Code :
  1. Le Body :
  2. body {behavior: url(csshover.htc); font-family: verdana, Arial, Helvetica, sans-serif;  font-size: 80%; margin: 0; padding: 0;}
  3. Le Main :
  4. #main {background-color: <?=$couleurfond?>; color: <?=$couleurtextemain ?>; margin-left: 10%; padding: 40px 0 10px 5%;
  5. Un des blocs de texte :
  6. #intro { position:absolute; top:<?=$topintro?>; left:0%; z-index:1; text-align: center; width: 100%; height: <?=$widthtexte?>px; }


Ma CSS a une extension Php et se charge de placer les bonnes valeurs dans les couleurs ou longueurs.
 
Dans ma page, j’ai :
 

Code :
  1. Un bloc de texte :
  2. <div id="intro">
  3. <p>Le <b>bla bla bla.</p>
  4. </div>


 
Le fond est coloré au début du Main mais devient blanc dès que j’entre dans le premier bloc de texte.
 
Question : comment / pourquoi la couleur disparaît-elle ?
 
J’ai essayé de colorier mes blocs de texte mais, comme ils ne sont pas contigus, ça donne un curieux effet.
 
Au besoin, je pourrais transmettre la page et la CSS complète.
 
Par avance merci de votre aide.
 
Francois

Reply

Marsh Posté le 14-02-2008 à 21:43:23   

Reply

Marsh Posté le 14-02-2008 à 22:21:46    

Déjà, il manque un </b>
 
Ensuite c'est normal, si le #main n'a pas de hauteur. Le #intro va être complètement sorti du main, donc ne va pas le forcer à s'agrandir

Reply

Marsh Posté le 15-02-2008 à 15:44:21    

bonjour et merci de ta réponse.
 
OK pour le </b>
 
Pour la hauteur du Main:
- que penses tu de: height: 100%;
- ou bien faut il dire autre chose?
 
Alternative: est-il possible d'indiquer que les blocs de texte (des Div) font partie du Main?
 
Merci encore de ton aide.
 
Francois

Reply

Marsh Posté le 16-02-2008 à 19:28:17    

Résolu avec height: 120%.
 
Merci de votre aide.
 
Francois

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed