[Résolu] Problème background

Problème background [Résolu] - HTML/CSS - Programmation

Marsh Posté le 12-10-2009 à 15:52:26    

Bonjour,
 
Voila mon code

Code :
  1. <body>
  2. <div style="height:100%; position:absolute; left:50%; margin-left:-400px; border-right:1px white solid; border-left:1px white solid; background-color:#333;">
  3. <table style="width:800px; height:100%; cellpadding:0px; cellspacing:0px;">
  4. <span id="textecorp">test</span>
  5. </table>
  6. </div>


Je veux un fond de 800px centrer.
Le problème avec le code que j'ai là c'est que ça fait ce que je veux sauf que le fond gris ne descend pas tout en bas de la page. Il y a une ligne de 10px à peu près qui est en bas de la page. Il faut scroller pour le voir.
 
Une idée?
Merci d'avance
 
Je rajoute le css de body

Code :
  1. body {
  2. width:100%;
  3. height: 100%;
  4. margin: 0;
  5. padding: 0;
  6. background:black;
  7. }


Message édité par djodjolyon le 04-11-2009 à 01:15:39
Reply

Marsh Posté le 12-10-2009 à 15:52:26   

Reply

Marsh Posté le 12-10-2009 à 16:04:28    

euh... pourquoi tu mélange les style en ligne dans le code html et en dans le css? mets tout dans le css ca sera plus lisible pour commencer.
et pourquoi ya un table qui traine aussi? utiliser un tableau pour ce genre de présentation, déja c'est pas top, mais en plus sans même définir de cellule c'est beurk.

Reply

Marsh Posté le 12-10-2009 à 16:10:54    

tu peux faire qqchose dans ce genre la par exemple:

Code :
  1. <html> 
  2.   <head> 
  3.     <title>
  4.     </title> 
  5.     <style type="text/css"> 
  6.       <!--
  7.         body {
  8.           width: 100%;
  9.           height: 100%;
  10.           margin: 0;
  11.           padding: 0;
  12.           background: black;
  13.           text-align: center;
  14.         }
  15.         div.content {
  16.           width: 800px;
  17.           height: 100%;
  18.           margin: auto;
  19.           border-left: 1px white solid;
  20.           border-right: 1px white solid;
  21.           background-color: #333;
  22.           text-align: left;
  23.           color: #fff;
  24.         }
  25.         //--> 
  26.     </style> 
  27.   </head> 
  28.   <body>
  29.     <div class="content">
  30.       <span id="textecorp">test</span>
  31.     </div> 
  32.   </body>
  33. </html>


Message édité par pataluc le 12-10-2009 à 16:11:13
Reply

Marsh Posté le 12-10-2009 à 17:29:08    

les css sont dans un autre fichier je les avais mis dans le html pour que ce soit plus simple pour vous... merci ca marche nikel...

Reply

Sujets relatifs:

Leave a Replay

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