orden del interior de un div css.

jesusweb · #1 (**permalink**) 30/11/2011, 15:08

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);
}

#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.

emprear · #2 (**permalink**) 30/11/2011, 15:21

El orden de las propiedades no influye, lo que si seguro te puede influir es que pongas cosas como



los comentarios en css se escriben

/* comentario */

heigth: 800px;
el nombre de la propiedad es
height no heigth
Saludos

jesusweb · #3 (**permalink**) 30/11/2011, 15:26

muchas gracias emprear creo k no es eso de todas formas sino otro div que está contenido en el wrapper pero voy a revisarlo no vaya a ser que ponga una burrada.
De todas formas el editor no ayuda ya que te lo marca como comentario cambiando el color.
Pues si van a ser los comentarios casi seguro muchas gracias.
Esto de la programación es surrealista.

emprear · #4 (**permalink**) 30/11/2011, 15:35

yo me guio por esto

Código HTML:

<body>
<div id="wrapper"> </div>
</body>

que es lo que pusite.

SAludos