Problème de centrage page - css

Problème de centrage page - css - HTML/CSS - Programmation

Marsh Posté le 19-07-2005 à 22:02:17    

bonsoir, :hello:  :hello:  
 
j'aimerais pouvoir centrer toute ma page web sur l'écran, j'ai regardé sur le site www.alsacreation.com pour voir comment faire mais cela ne marche pas chez moi :(.
 
j'utilise pour mon site un systeme d'include et j'inclu sur chaque page un haut et un menu donc j'ai placé dans mon fichier haut.php div id=global :
 

Citation :


<html>
<link rel="stylesheet" href="css.css" type="text/css" title="titre" />
<body>
<div id="global">
<table border="0" cellpading="0" cellspacing="0" width="800" height="150">
<tr>
<td valign="top" height="150" width="800" background="image1.jpg">
</td>
</tr>
</table>


 
et voici le fichier css qui va avec:
 

Citation :


body
{
 margin: 0;
 padding: 0;
 width: 800px;
}
#global
{
 position: relative;
 margin-left:auto;
 margin-right:auto;
 width:800px;
}


 
voilà, et je ne comprends pas pourquoi cela ne marche pas   :sweat:  
 
quelqu'un a une idée?  
 :??:  
 
merci d'avance :jap:


Message édité par toupidoup le 19-07-2005 à 22:40:10
Reply

Marsh Posté le 19-07-2005 à 22:02:17   

Reply

Marsh Posté le 19-07-2005 à 22:06:13    

Et en position absolute?? tu à essayer, je sais que mon centrage marche une fois sur deux, ça dépend..  
Si ça ne marche pas en absolute, vire carément le position..  

Code :
  1. #global
  2. {
  3. margin-left:auto;
  4. margin-right:auto;
  5. width:800px;
  6. }


ça marchera peut être, il me semble que c'est cette dernière proposition qui fonctionnait pour moi... :)

Reply

Marsh Posté le 19-07-2005 à 22:14:47    

Entre temps quelqu'un m'a dit comment faire (topic inutil :D)
 

Citation :


body
{
   margin:auto;
...
}


:D ca marche :hello:
 
micfont999> Merci pour ta réponse. Je ne sais pas si ca marche mais j'vais laisser comme ça(moins j'y touche mieux ca marche semble t-il >_< ) :hello:

Reply

Marsh Posté le 19-07-2005 à 22:20:21    

toupidoup a écrit :


micfont999> Merci pour ta réponse. Je ne sais pas si ca marche mais j'vais laisser comme ça(moins j'y touche mieux ca marche semble t-il >_< ) :hello:


lol tu essayera une prochaine fois ou sur une page teste.. ;)

Reply

Marsh Posté le 19-07-2005 à 22:39:58    

Arf problème, ca marche sous firefox mais pas sous IE6 :(
 
et j'ai essayé ce que tu as dis et ca ne marche pas non plus :(

Reply

Marsh Posté le 19-07-2005 à 22:41:35    

lol ça c'est IE, faut pas chercher... hummm. La je dois dire que je ne sais pas trop. Je tourne sous FF et IE plante tout le temps chez moi, mais je pense qu'il doity avoir un moyen .. Faut attendre l'avis des experts la. Désolé de ne plus pouvoir t'aider..

Reply

Marsh Posté le 19-07-2005 à 22:45:30    

C'est bon... le problème a l'air d'être définitivement réglé:
 

Citation :


body
{
 margin: auto;
 padding: 0;
 width: 800px;
 text-align: center;
}
#global
{
 position: relative;
 margin-left:auto;
 margin-right:auto;
 width:800px;
 text-align: left;
}

:jap:

Reply

Sujets relatifs:

Leave a Replay

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