es que la etiqueta body es especial?

innes · #1 (**permalink**) 25/04/2009, 13:27

Hola!

me explico, he definido un estilo con esta sintaxis:

body {
text-align:center;
...
...
}

pero no aparecen los estilos cuando previsualizo la pagina en el navegador, excepto si pongo un color de fondo, pero por ejemplo no me centra los contenidos, ni me pone un borde alrededor...

he pensado que quizás no se pueda aplicar esos atributos a la etiqueta body?? me podeis ayudar?

pitufoweb · #2 (**permalink**) 25/04/2009, 14:06

La etiqueta body es igual que las otras. No tiene nada en especial.

Lo que puede pasar es que otra regla que este mas abajo sobrescriba alguna del body.

Bye.

innes · #3 (**permalink**) 25/04/2009, 14:16

pues la verdad que es un putadón porque no sé como descubrir donde hay incompatibilidad entre estilos y he probado de diferentes maneras a centrar la página pero no hay manera...

gracias de todos modos

Triby · #4 (**permalink**) 25/04/2009, 17:56

Necesitas mostrar tu codigo y, si lo que quieres hacer es alinear todo y no solo el texto, tendras que crear un contenedor y poner todo el codigo de la pagina ahi.

Código css:

Ver original#contenedor {
    display:block;
    width:700px;
    margin:0 auto; /* Esto es lo que centra la capa */
}

Código html:

Ver original<body>
    <div id="contenedor">
          <p>Aqui pones todo el contenido de tu pagina.</p>
    </div>
</body>

La propiedad text-align solo aplica para textos.

innes · #5 (**permalink**) 26/04/2009, 02:28

Creeme triby pero también probé con tu solución y no funcionaba..es desesperante...

gracias igualmente

adriancitov7 · #6 (**permalink**) 26/04/2009, 02:47

claro que si funciona :D

prueba asi

CSS

* {
margin:0;
padding:0;
}

body {
text-align:center; /* esto es para que centre en ie 5 */
}

#contenedor {
width:75%;
margin:0 auto;
text-align:center; /* esto pone todo texto centrado todo que se encuentre dentro de contenedor te recomiendo asignar clases a los elementos p y h1,h2,h3. .. los que uses saludes . */
}

HTML

<body>
<div id="contenedor">
<h1>assadasd</h1>
<p>asdfasfafsaf</p>
</div>
</body>

con eso se pone centrado en todos los navegadores recuerda definidir correctamente el DTD de cada documento html

probado en ie 5,6,7,8 firefox 2,3

innes · #7 (**permalink**) 26/04/2009, 04:10

Nada, no me creereis pero no me funciona nada de lo que me decís, puede que tenga algo que ver el hecho de que muchos de los divs que tengo dentro del body tengan "position: absolute" ?

es que no sé qué pensar ya

adriancitov7 · #8 (**permalink**) 26/04/2009, 07:28

Cita:

Iniciado por innes

Nada, no me creereis pero no me funciona nada de lo que me decís, puede que tenga algo que ver el hecho de que muchos de los divs que tengo dentro del body tengan "position: absolute" ?

es que no sé qué pensar ya

si tienes tu web subida puedes poner el enlace oh si no pega el codigo con gusto te ayudo

innes · #9 (**permalink**) 26/04/2009, 10:15

Bueno, es que es algo largo el código porque es una página .asp y lo mismo te agobias solo de verlo

no es algo imprescindible el centrar la web aunque mejoraría mucho el diseño, pero gracias por tu interés

Mikmoro · #10 (**permalink**) 26/04/2009, 10:29

Cita:

Iniciado por innes

puede que tenga algo que ver el hecho de que muchos de los divs que tengo dentro del body tengan "position: absolute" ?

Por supuesto, tienen muchísimo que ver, mejor dicho, todo. Ese detallito que habías obviado hasta ahora es fundamental para lo que quieres hacer. Si no muestras cómo lo tienes hecho no creo que nadie te pueda ayudar.