URGENTE: como se centra una pagina web con Css

[Thyssa]

Hola a Todos! Tengo un gran problema a la hora de centrar mi pagina web. La estoy realizando con DreamWeaver Cs4, la hice con las capas o como se llama orginariamente con la herramienta "Dibujas Div PA" (me facilitaba mucha movilidad para poner y superponer imagenes donde quisera)
El problema llega cuando la subo al servidor y no la veo centrada, por desgracia no se nada de codigo pero he escuchado hablar de las hojas externas de Css. ¿Existe alguna para centrar así mi pagina y simplemente añadirsela? O en su defecto... ¿que me aconsejais que haga? (se que debo aprender código cuanto antes ... pero poco a poco... jajajaj, soy más diseñadora gráfica que programadora)

Gracias y un saludo

[webmetrics]

Una forma es crear un <div> con el tamaño de tu web que la contenga entera.

A este div debes de agregarle el estilo margin: o auto; es decir el margen derecho e izquierdo los toma automaticamente y con esto conseguirás que se centre.

Ejemplo

Código CSS:

#contenedor{
width:960px;
margin:0 auto;
 
}
 

[PrendekZ]

Es demasiado simple, cuando trabajes con divs flotantes seguro te saldra algo así:

#divPA{
width:500px;
height:200px;
position:absolute;
left:50%;
top:50%;
margin-left:-250px;
margin-top:-100px;
}

Bueno solo tienes que modificar el margin-lefty margin-top y es la mitad del ancho y alto. y negativo.

es decir tienes un width:900px; y un height:500px;

quedaria así: margin-left:-450px; y margin-top:-250px;

Saludos y espero que te sirva!

[Thyssa]

Ante todo, muchas gracias a los dos por ayudarme.
Ahora viene lo chungo, jejejee. Lo que puso webmetrics para mi es complicado porque como dije, no entiendo de codigo y no se donde colocarlo (intuyo algo pero no me sale..)

Lo de Prendekz me dio muchisimas esperanzas, vi que ya se parecia a algo... jajajaja. en fins, lo probé pero... se me iba la imagen totalmente al margen superior izquierdo... ¡soy un .... desastrre! XDD

Este es mi codigo:

#apDiv5 {
position:absolute;
left:50px;
top:50px;
width:849px;
height:479px;
z-index:5;
}

y por mucho que divida y haga lo que me has explicado, no se centra... ¿acaso se pone de alguna manera parecida?

¡¡GRACIAS CHICOS!! Poco a poco voy perdiendo mi crisis! xdddd

Un saludo

[PrendekZ]

te falto:

margin-left:-424px;
margin-top:-239px;

Lo anterior debé ser negativo y es la mitad del ancho y alto de tu "Width y height".

y tienes algo malo:

left:50px;
top:50px;

cambia por:

left:50%;
top:50%;

y listo!

[jomaruro]

Hola:

Iniciado por Thyssa

Lo que puso webmetrics para mi es complicado porque como dije, no entiendo de codigo y no se donde colocarlo (intuyo algo pero no me sale..)

Lo mejor para entender de código es:

Introducción a XHTML.
Introducción a CSS.
CSS Avanzado.

Saludos.

[Thyssa]

GRacias a Todos :) '¡¡ya conseguí centrarla!! :D

[kaninox]

amigo para centrar una capa lo que puso webmetrics es mas que suficiente

<div style="margin:auto;">texto</div>

webmetrics proponia ponerlo en un id por ejemplo :
<style type="text/css">
#contenedor{
width:960px;
margin:auto;
}
</style>
<div id="contenedor"></div>

y ya, solo con eso te bastaria no le veo lo complejo.
solo deberias tener en cuenta poner un doctype en tu pagina y listo.
saludos.