Problemas al centrar pagina... "div's"

[idro]

Hola, os cuento, estoy con una web, i no se me centra la pagina (contenedor) en el centro de la pantalla.

He creado un div de toda la pantalla (width:100%) el cual tendra el fondo de color vrerde suave. Y ahora tengo que crear otro contenedor que va ser donde ira la web, llamado (contenedor) donde dentro de este tiene que ir el encabezado, menu, contenido y pie) El caso es que el contenedor este me queda a la izquierda, y yo lo quiero centrado.

No me acuerdo como era para centrarlo... haver si me podeis hechar un cable.

Saludos

[shurshok]

porque el contenedor tiene que tener un widht fijo, y tener margenes automáticos, así:

Código HTML:

#contenedor {
widht:1003px; /*widht perfecto para resolucion de 1024*/
margin:0px auto;
}

[idro]

Haver, yo lo tengo asi...


div#cuerpo{
width:100%;
*width:100%;
height:100%;
*height:100%;
background:#ddf4d9;
margin:0px auto;
padding-top:2px;
padding-bottom:2px;
padding-left:0px;
padding-right:0px;
margin-top:0px;
border: 0;
}

div#contenedor{
width:901px;
*width:901px;
height:100%;
*height:100%;
text-align: center;
margin-top:1px;
*margin-top:2px;
margin-bottom:1px;
*margin-bottom:2px;
margin-left:0px;
margin-right:0px;
background:#1d271b;
}

El "cuerpo" es el fondo, que lo tengo a pantalla completa... el contenedor que es donde va ir la web lo tengo a 901px.

Que tengo mal?

Saludos

[ruben-et]

Hola idro
en el div contenedor no has puesto el margin:0 px auto ,que es el que te interesa centrar.

[idro]

Si es que lo sabia, mira que no me fije en esa tonteria...

Ya que estoy, tengo otro problemilla, y es que yo en los encabezados me gusta poner la imagen como "link" al index.html, como casi todas las webs, que clicas en el titulo o encabezado y te vuelve a "inicio". El problema es que en firefox no tengo ese problema, pero en el dichoso explorer si... y me sale el borde en la imagen que me hace de link tambien.

Los codigos que tengo son estos:

a:hover{
text-decoration:none;
*text-decoration: none;

}
a:link{
color:#ffffff;
*color:#ffffff;
text-decoration:none;
*text-decoration:none;

}
a:visited{
color:#ffffff;
*color:#ffffff;
text-decoration:none;
*text-decoration:none;
}

edito: bueno da igual, no lo voy a poner, que se me descompone en el firefox y todo... mejor quito eso de que la cabezera me haga de "link" al "idenx.html"

Saludos!!

[ruben-et]

creo que se soluciona con border:0px en el img

[idro]

Es igual, no lo pongo porque me da problemas... lo quito y yasta.

Gracias!

Saludos

[ruben-et]

hombre la finalidad es hacer funcionar las cosas y si quieres una imagen que sea link sin marco prueba esto:
<a href:"ruta"><img:"ruta img" style="border:0px">

[idro]

Ok, lo provare de todos modos...

Ota cosa, no sabras como se llama el plugin o herramienta de firefox que sirva para medir los "div's" o cualquier cosa (encabezados, menus...) que una vez instalado se situa abajo a la esquina izquierda? es un pequeño recuadro, que cuando lo pulsas, con el boton derecho del raton, arastas y te va midiendo lo que tu vas arrastrando...

No me acuerdo de como se llama.

Saludos

[idro]

YASTA!!! al fnial si lo he conseguido..!!! lo vi en otras web que tengo de prueva.

En la hoja de estilo he puesto:

img{
border:none;
}

Y esto va para todas las imagenes.

Saludos!!!