centrer sa page internet

centrer sa page internet - HTML/CSS - Programmation

Marsh Posté le 01-10-2006 à 17:17:26    

voila je viens de faire un site
 
http://www.espadream.fr.cx/
 
avec le programme macromedia dreamweaver mx  
 
mais comme vous pouvez le voir ma page n est pas du tout centrée! pourriez vous m aider a la centrer ?  
 
ps: je ne connais vraiment rien au html donc si vous me demandez d'ajouter du html indiqué moi exactement ou lol ^^  
je vous met l'html d'une des pages comme ca vous pourrez me die ou ajouter exactement:
 

Citation :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Espadream</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape" )&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
 
<body>
 
<div id="Layer1" style="position:absolute; left:78px; top:35px; width:240px; height:42px; z-index:1"><img src="HAUT.gif" width="800" height="45"></div>
<div id="Layer2" style="position:absolute; left:78px; top:79px; width:20px; height:30px; z-index:2"><img src="ENTRE1.gif" width="28" height="35"></div>
<div id="Layer4" style="position:absolute; left:79px; top:635px; width:544px; height:27px; z-index:4"><a href="contacterdesign.htm">  
  <img src="DESSOUS.gif" width="800" height="45" border="0"> </a></div>
<div id="Layer6" style="position:absolute; left:227px; top:79px; width:16px; height:5px; z-index:6"><img src="ENTRE2.gif" width="53" height="35"></div>
<div id="Layer6" style="position:absolute; left:78px; top:88px; width:798px; height:5px; z-index:6; visibility: inherit;"><img src="ENTRE2.gif" width="800" height="35"></div>
<div id="Layer3" style="position:absolute; left:104px; top:64px; width:93px; height:20px; z-index:7"><a href="accueilpage.htm"><img src="accueil.gif" width="139" height="46" border="0"></a></div>
<div id="Layer5" style="position:absolute; left:279px; top:68px; width:84px; height:0px; z-index:8"><a href="Leproduit.htm"><img src="PRODUIT.gif" width="168" height="35" border="0"></a></div>
<div id="Layer7" style="position:absolute; left:447px; top:70px; width:54px; height:35px; z-index:9"><img src="ENTRE3.gif" width="65" height="35"></div>
<div id="Layer8" style="position:absolute; left:511px; top:69px; width:122px; height:33px; z-index:10"><a href="l%27equipe.htm"><img src="EQUIPE.gif" width="121" height="35" border="0"></a></div>
<div id="Layer9" style="position:absolute; left:632px; top:69px; width:58px; height:33px; z-index:11"><img src="ENTRE4.gif" width="65" height="35"></div>
<div id="Layer10" style="position:absolute; left:697px; top:68px; width:88px; height:33px; z-index:12"><a href="contactpage.htm"><img src="contact.gif" width="134" height="35" border="0"></a></div>
<div id="Layer11" style="position:absolute; left:830px; top:68px; width:48px; height:15px; z-index:13"><img src="ENTRE5.gif" width="48" height="35"></div>
<div id="Layer12" style="position:absolute; left:68px; top:119px; width:18px; height:547px; z-index:14"><img src="ligne.gif" width="18" height="552"></div>
<div id="Layer13" style="position:absolute; left:867px; top:119px; width:17px; height:96px; z-index:15"><img src="ligne.gif" width="18" height="552"></div>
<div id="Layer14" style="position:absolute; left:220px; top:169px; width:126px; height:78px; z-index:16"><img src="texteaccueil.gif" width="511" height="379"></div>
<a href="contacterdesign.htm">
<!--Contacter le créateur.
 -->
</a>
<div id="Layer15" style="position:absolute; left:897px; top:624px; width:47px; height:17px; z-index:17"><a href="Untitled-6.htm"><img src="CARR2BLANC.gif" width="57" height="29" border="0"></a></div>
</body>
</html>


 
merci d'avance

Reply

Marsh Posté le 01-10-2006 à 17:17:26   

Reply

Marsh Posté le 01-10-2006 à 20:24:04    

Dans la feuille de style tu met:
 
body
{
margin: auto;
}


---------------
Feedback
Reply

Marsh Posté le 01-10-2006 à 20:51:05    

pepitopepito a écrit :

Dans la feuille de style tu met:
 
body
{
margin: auto;
}


 
hard failure
les divs sont placé en absolute

Reply

Marsh Posté le 01-10-2006 à 20:56:06    

je mets ca ou ? au dessus ?

Reply

Marsh Posté le 01-10-2006 à 20:58:12    

on va pas faire par 4 chemins. Ton site est bon à refaire entièrement, car tout est placé en position absolue.
On pourrait corriger le pb en mettant un fix à la con mais ça serait du n'importe quoi.
 
genre :  
tu englobe tout ton site d'un  

Code :
  1. <div id="montrucpourtoutcorrigermonsitetoutpourri">
  2. le code du site
  3. </div>


et en CSS :  

Code :
  1. #montrucpourtoutcorrigermonsitetoutpourri {
  2. position:absolute;
  3. left:50%;
  4. top:0;
  5. margin-left:-320px /*la moitié de la largeur du bloc - la marge de merde qui est faite en position absolue sur tous les éléments du site*/
  6. }


 
Sinon je pense que tu perdrais moins de temps à tout refaire

Reply

Marsh Posté le 02-10-2006 à 23:15:44    

gatsu35 a écrit :

on va pas faire par 4 chemins. Ton site est bon à refaire entièrement, car tout est placé en position absolue.
On pourrait corriger le pb en mettant un fix à la con mais ça serait du n'importe quoi.
 
genre :  
tu englobe tout ton site d'un  

Code :
  1. <div id="montrucpourtoutcorrigermonsitetoutpourri">
  2. le code du site
  3. </div>


et en CSS :  

Code :
  1. #montrucpourtoutcorrigermonsitetoutpourri {
  2. position:absolute;
  3. left:50%;
  4. top:0;
  5. margin-left:-320px /*la moitié de la largeur du bloc - la marge de merde qui est faite en position absolue sur tous les éléments du site*/
  6. }


 
Sinon je pense que tu perdrais moins de temps à tout refaire


 
Lol, Gatsu35 encore de bonne humeur :d

Reply

Marsh Posté le 02-10-2006 à 23:26:37    

Si j'étais de mauvaise humeur je ne lui aurais pas donné de solution qui fonctionnerai sur son site (j'ai même pas testé mais je suis sur que ca marchera [:tinostar])

Reply

Sujets relatifs:

Leave a Replay

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