[SOLUCIONADO] Texto que se ajuste a navegador y moviles

[natyale]

Hola querida gente, nuevamente por aquí con una consulta. Tengo unos textos en mi pagina que deseo que se adapten al navegador o móvil. Resulta que cuando lo veo en mi notebook se ve bien, y cuando lo hago desde mi celular, se cortan todos los textos. Estos están dentro de una tabla, y la misma no se ajusta cuando el navegador tiene una resolusion mas chica.

Aquí el código:

Código HTML:

<style type="text/css">
.auto-style2 {
	border-collapse: collapse;
}
.auto-style3 {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.auto-style8 {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 11pt;
}
.auto-style10 {
	font-size: medium;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
</style>



<table align="center" class="auto-style2" style="width: 47%">
	<tbody><tr>
		<td class="auto-style3">
		<p align="justify">
		Nuestro proceso de trabajo esta regido bajo la mas estricta 
		confidencialidad, esto nos permite proteger toda la informacion 
		recibida, satisfacer las necesidades del cliente y un asesoramiento 
		personalizado en cada etapa o consulta. APR Asociados
		no tendra derecho, bajo ningun concepto, el proporcionar esta 
		informacion a terceros.</p>
		<span class="auto-style3">
		<p align="justify" class="auto-style10">
	Una vez afiliado a APR Asociados usted recibirá 
		en su domicilio o vía electrónica (a la dirección o casilla de correo 
		asignada) los recibos para realizar sus pagos mensuales. Los mismos 
		serán enviados con la debida antelación y será de su responsabilidad 
		firmarlos y utilizarlos al momento del pago. <o:p></o:p></p>
		<p class="auto-style8" style="width: 837px">&nbsp;</p>
		</span></td>
	</tr>
	<tr>
		<td><span class="auto-style8"><br>
		<br>
		<br>
		</span></td>
	</tr>
</tbody></table> 

Agradezco me puedan ayudar para poder insertar el texto justificado en mi pagina, y que se comprima al tener una resolusion de pantalla mas chica.

Gracias.

[Rafael]

Es que básicamente las tablas no se usan desde hace más de una década.

Adicionalmente tienes medidas en pixeles que bloquean tu ancho.

No debes tampoco poner estilos por todos lados.

El código que pones es súmamente sencillo, pero aún así tienes varios errores fundamentales que debes de evitar..

[natyale]

Rafael, gracias por tu respuesta. Si es verdad, las tablas no se usan mas. El tema es que no se como hacer para que el texto salga centrado y justificado a la vez. Me podrías pasar el código limpio?

Gracias.

[petit89]

Borra esta linea...

Código HTML:

<p class="auto-style8" style="width: 837px">&nbsp;</p>
 

Te esta marcando el ancho fijo de toda la tabla... borrala y sera mas manejable

[natyale]

Petit89, como siempre un genio... millones de gracias, ya quedo solucionado.

[Rafael]

El código sigue estando muy mal. Simplemente haz esto

Código HTML:

<style>
p {text-align: justify;
margin: auto;
width: 50%;
font-size: medium;
font-family: Verdana, Geneva, Tahoma, sans-serif;}
 
</style>
 
 
<p>Nuestro proceso de trabajo esta regido bajo la mas estricta confidencialidad,
esto nos permite proteger toda la informacion recibida, satisfacer las necesidades del cliente
y un asesoramiento personalizado en cada etapa o consulta.
APR Asociadosno tendra derecho, bajo ningun concepto, el proporcionar esta informacion a terceros.</p>
 

El problema con quitar esa linea es que sólo parchaste el problema. No está solucionado.