centrer ma page web sur tous types d'écran

BIGOIN · Message par **BIGOIN** » 04 févr. 2008, 20:55

Bonsoir :

Voilà mon souci :

J'aimerai que ma page web soit centré sur tous type d'écran

Voilà le début du HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>index</title></head>
<body style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url(images_drageeembal/couleurfond.JPG); margin-left: 0px; width:

Par avance un grand Merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11

BIGOIN · Message par **BIGOIN** » 04 févr. 2008, 23:58

j'ai trouvé une solution

à mon problème :

Si autre je suis preneur, Merçi

<html>
<head><title>
</title>
</head>
<body>

<center>
<table width=900 height=600 border=1>
<tr>
<td align=center>

<table width=800 height=1500 border=1>
<tr>
<td align=center>

...//contenu

</td>
</tr>

</td>
</tr>
</table>
</center>
</body>

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11

Message par **Ymai** » 05 févr. 2008, 09:13

Bonjour
Un tableau doit servir à présenter des données "tabulaires": résultats de matchs de foot, cours de la bourse, évolution des quantités de réactifs dans une réaction d'estérification,... mais pas à organiser la mise en page.
D'autre part, la balise <center> doit être considérée comme obsolète:
http://css.alsacreations.com/Tutoriels- ... -obsoletes
A ma connaissance, KompoZer ne l'utilise d'ailleurs pas.

Ci-dessous une solution plus simple et plus conforme avec les standards:

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>le titre</title>
  <style type="text/css">
body {margin: auto; width: 750px;}
  </style>
</head>
<body>
bla bla bla
</body>
</html>

Quelqu'un peut-il confirmer que cela fonctionne sous IE ?

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 05 févr. 2008, 10:04

Cela marche sous IE7, mais je ne suis pas sûr que cela marche sur IE 6.

Edité: c'est OK sous IE 6

sous IE 5.5 : non, il faudrait ajouter un text-align center au body,
et un div dans lequel on peut réaligner le texte à gauche ...
Cela donnerait :

Code : Tout sélectionner

 ... <style type="text/css">
body {margin: auto; width: 750px; text-align:center;}
#page { text-align: left; }
  </style>
</head>
<body>
<div id="page">
bla bla bla 
</div>
...

Je teste avec http://browsershots.org/

GihefBey · Message par **GihefBey** » 07 févr. 2008, 00:13

Bonjour,

Pour un début, c'est un début restreint.
On ne peut pas en faire grand-chose.

Essaye quand-même ça :

Code : Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Un titre</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <style type="text/css">
    html, body {
      margin: 0;
      padding: 0;
      text-align: center;
      background-color: #aab;
      color : #344979;
      }
    #conteneur {
      position: relative;
      margin: 0 auto;
      width: 80%;
   /* la height, c'est juste pour voir quelque chose quand c'est vide */
      height: 460px;
      text-align: left;
      border : 1px solid #fff;
      background-color: #fff;
      font-family: 'Trebuchet MS', Verdana, sans-serif;
      }
    </style>
</head>
<body>
  <div id="conteneur">
    <p>et le site est là-dedans</p>
  </div>
</body>
</html>

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X; fr) AppleWebKit/523.12 (KHTML, like Gecko) Safari/419.3

BIGOIN · Message par **BIGOIN** » 08 févr. 2008, 22:36

J'ai bien pris note de vos explications

Concernant la balise center à ne plus utiliser mon travail est donc à reprendre

j'ai juste mis le début car j'étais bloqué sur le centrage automatique de la page quel que soit l'écran. Maintenant au vu de vos explications tous est OK

Encore Merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11

Geckozone

centrer ma page web sur tous types d'écran

centrer ma page web sur tous types d'écran

Qui est en ligne ?