O es algo simple que no fácil y se me escapa por alguna razón o estoy flipando:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
body{
margin:0;
padding:0;
text-align:center;
background-color:rgb(255,255,85);<!--rgb(249,237,29);-->
}
#wrapper {
text-align:left;
margin:auto;
background-color:white;
width: 438px;
heigth: 800px;
}
y luego <body>
<div id="wrapper"> </div></body>
Me ocurre lo mismo tanto en el google chrome como en el internet explorer9 y en el firefox creo k también.
Bien pues si el wrapper lo pongo como está arriba se me centra pero si cambio el orden de lo que esta dentro del wrapper me sale una cosa distinta (aunque igual en los navegadores):
Por resumirlo de una forma simple:
#wrapper {
text-align:left;
margin:auto;
background-color:white;
width: 438px;
heigth: 800px;
}
Es muy distinto de
#wrapper {
background-color:white;
width: 438px;
heigth: 800px;
text-align:left;
margin:auto;
}
que a su vez es distinto de:
#wrapper {
width: 438px;
heigth: 800px;
background-color:white;
text-align:left;
margin:auto;
}
¿Cómo se explica esto? Yo antes pensaba que el orden interno del css no influia,
¿Cuándo influye? ¿Cuándo hay que tenerlo en cuenta?
Gracias.