Dos problemas sobre capas (div) y css : AYUDA

[aruizroldan]

Hola a todos. Tengo un par de problemas con div y css.

El primero es el siguiente: Tengo una capa con un fondo al 100 % de ancho. En su interior introduzco otra con texto. El texto tiene que aparecer centrado en la pagina principal, pero el texto tiene que aparecer alineado a la izquierda de dicha capa interior. ¿Como se haría esto?

La otra duda es la siguiente (no se si se puede solucionar con css o javascript): Tengo la pagina echas con capas, con un fondo al 100 %. Asi que la pagina se puede agrandar y/o achicar quedándose el texto centrado. Pero no quiero que se achique el tamaño más de un ancho específico, por ejemplo 800px. ¿Como se haria esto?

Un saludo.

[webosiris]

Iniciado por aruizroldan

Tengo una capa con un fondo al 100 % de ancho. En su interior introduzco otra con texto. El texto tiene que aparecer centrado en la pagina principal, pero el texto tiene que aparecer alineado a la izquierda de dicha capa interior. ¿Como se haría esto?

en la capa que tiene el texto, agregale al css:

Código:

margin:auto;
text-align:left;

Tengo la pagina echas con capas, con un fondo al 100 %. Asi que la pagina se puede agrandar y/o achicar quedándose el texto centrado. Pero no quiero que se achique el tamaño más de un ancho específico, por ejemplo 800px. ¿Como se haria esto?

no entindo el "se achique"... con el ejmplo que das, en resoluciones menores a 800px va a aparecer el scroll horizontal... ¿no habrás querido decir máximo de 800px? Si es así, para eso existe min y max width..

Código:

min-width:100%;
max-width:800px

el problema es que IE no lo soporta, pero trata al width como si en realidad fuera min-width (no preguntes porqué).. entonces para que el IE emule al min-width la solución es crear un css solo para IE que diga width:100%... para emular al max-width, es un poco más complicado, pero no imposible
Espero que te haya servido,

PD: si fuera al revés, osea mínimo 800px, no se si en el IE se puede hacer...

[nehack]

capa fondo{
image-background url:(imagen);
}
capa interior {
margin: 0 auto 0 auto;
text-aling: left;
}