HTML: Remplacement de <center>

J'ai toujours pensé que le remplacement de la <center> tag avec <div style="text-align:center;"> va me faire les mêmes résultats. Apparemment, j'avais tort.

C'est une partie de mon code HTML:
(vous pouvez également le voir en action dans la page que j'ai créé pour cette question :
http://www.moviez.4pu.com/ErrorPageSO.aspx

<div style="margin: 0 auto; background-color:red;border:5px solid black;margin-top:5px;width:750px;text-align:center;">
    <span style="width:560px;padding-right:10px;text-align:left;float:left;">
    <h1>Oops... We're sorry.</h1>

    <h3>You've just encountered an unknown error. <br /></h3>
    This site is a work-in-progress, we have already been informed of the error and will do our best to fix it. <br />
    We would be thankful if you could contact us through the appropriate button and elaborate on what caused this error to appear.<br />
    <br />
    <h3>
    You can go back to the <a style="text-decoration:underline;" href="Default.aspx">Home page</a> and continue using Moviez.NET.       
    </h3>
    </span><span style="width:180px;float:left;"><img src="Resources/Images/404.jpg" /></span>
</div>

Je veux faire 2 choses:

Se Débarrasser de la <center> tag tout en gardant la div dans le centre de la page.
Assurez-vous que l'extérieur de la Vrd couleur d'arrière-plan et bordure affecter les travées internes.

Mise à JOUR:
L'objectif 1 est terminé.
Le temps pour l'objectif n ° 2.

rembourrage et de la marge sera le remplacement
J'ai résolu mon 2ème problème en ajoutant float:left pour la première travée.

OriginalL'auteur Faruz | 2009-12-18

html xhtml

Utilisation margin: 0 auto; sur votre enfermant <div>

<div style="margin: 0 auto; background-color:red;border:5px solid black;margin-top:5px;width:750px;text-align:center;">
  <span style="width:560px;padding-right:10px;text-align:left;">
  <h1>Oops... We're sorry.</h1>

  <h3>You've just encountered an unknown error. <br /></h3>
  This site is a work-in-progress, we have already been informed of the error and will do our best to fix it. <br />
  We would be thankful if you could contact us through the appropriate button and elaborate on what caused this error to appear.<br />
  <br />
  <h3>
  You can go back to the <a style="text-decoration:underline;" href="Default.aspx">Home page</a> and continue using Moviez.NET.           
  </h3>
  </span><span style="width:180px;"><img src="Resources/Images/404.jpg" /></span>
</div>

Le voir en action.

Référence: CSS: centrer les choses

ne fonctionne pas dans tous les navigateurs...
Sur les navigateurs qui ne fonctionne pas? Que dire de la couleur d'arrière-plan et la bordure extérieure de la div? Comment puis-je demander à mon couvre?
Pourquoi pas? Il est parfaitement valide en HTML / CSS
Supprimer float:left de votre deux votre span, et la div va contenir
Le premier Supprimant les causes les travées de ne pas s'asseoir les uns à côté des autres, mais plutôt agir comme "divs". (J'ai modifié la page d'exemple comme vous l'avez suggéré. Voir le résultat).

OriginalL'auteur Gregory Pakosz

6

Si vous voulez il suffit de centrer le texte, vous le style css:
```
text-align:center;
```
Toutefois, si vous êtes à la recherche pour le centre de l'élément ou de la div en lui-même, il y a assez
quelques solutions pour que, étant ci-après:
```
.mydiv
{
  margin:0 auto;
}
```
Ou même avec quelque chose comme ceci:
```
.mydiv
{
  width:300px; //the width can sometimes be ignored based on inherent size of element.
  margin-left:auto;
  margin-right:auto;
}
```
Ou même avec quelque chose comme ceci:
```
.mydiv
{
  margin-left:50%;
  margin-right:50%;
}
```
Donc, vous voyez, il y a peut être plus de possibilités.

OriginalL'auteur Sarfraz
2

Du contenu en ligne est aligné avec text-align, bloc de contenu est aligné avec marges (réglé sur auto pour le cas de centrage). Voir Centrage à l'Aide de CSS.

OriginalL'auteur Quentin
-1

si vous essayez de centrer la div sur la page, j'ai l'habitude d'utiliser cette méthode pour mon habillage de div au centre de la page.

faire la gauche de positionnement à 50%, puis de constitution de marges arrière gauche de la moitié de la largeur de la div.

exemple ci-dessous.
```
#mainspace {
    position:absolute;
    left:50%;
    margin-left:-450px;
    height:auto;
    width:900px;
    border:none;
    }
```
Cette méthode a le désagréable effet secondaire que la donnée d'une étroite fenêtre, l'élément sera centrée, mais il sera impossible de faire défiler à gauche pour arriver à la plus à gauche de contenu.
Merci pour la tentative si
et... l'ÉCHEC . ah Merci david, je ne savais pas que, on dirait que j'ai le reformatage de faire de tous mes sites 🙁

OriginalL'auteur user48202
-1

Essayer cela, il a travaillé pour moi, quand je veux, j'ai encore eu que
```
<center>
```
tag
```
< p style="text:align-center" >  example image or text < /p >
```
OriginalL'auteur Andrew

Vous devez vous connecter pour publier un commentaire.