100% de ancho - Ayuda columnda del Centro

[Martine]

Hola,

Tengo esta web: www.kpilatino.com (está en construcción).

Quiero que los textos en la columna del centro lleguen un poco más a la derecha pero no lo he logrado.

No deseo modificar los otros márgenes y la idea es que esa columna del centro se pueda reacomodar (hasta cierto límite) cuando un visitante tenga una resolución menor de pantalla.

Este es el código css que estoy usando:

div.wrapper {
float:left;
margin-top: 7px;
width:100%;
border-top: 2px #ccc solid;
}

div.contenido {
margin: 30px 300px;

}

div.left {
float:left;
width:239px;
margin-left:-99%;
margin-top:70px;
font-size:11px;
line-height:20px;
}
div.right {
float:left;
width:200px;
margin-left:-240px;
margin-top:15px;
}

Luego en html... el 'contenido' lo pongo dentro del 'wrapper'

Gracias por sus sugerencias.

[fearlex]

No entendi que quieres hacer, yo la vi perfecta, explicate mejor.

Saludos

[Martine]

Hola Gracias por escribir, perdón pero el enlace que puse es la intro. Esta es la página a la que me refiero:
http://www.kpilatino.com/cgi-bin/newskpi.pl

En La columna del centro, quiero que el texto llegue más a la derecha... más cerca de las imágenes.

Gracias!

[Gustavo_AR]

Probá con esto:

Código:

div.wrapper {
	float:left;
	margin-top: 7px;
	width:100%;
	border-top: 2px #ccc solid;
}

div.contenido {
	margin: 30px 250px;
}

div.left {
	float:left;
	width:200px;
	margin-left:-99%;
	margin-top:70px;
	font-size:11px;
	line-height:20px;
}
div.right {
	float:left;
	width:200px;
	margin-left:-240px;
	margin-top:15px;
}

Para que te quede así:



Achica un toque la imágen, sino las columnas van a quedar asimétricas... fijate que el texto de la columna izquiera es mas angosto que la imágen (ahora) y tambien que las columnas en tu sitio no son de igual ancho.

Saludos.

[Martine]

GUSTAVO... Muchas gracias. Solucionado!