Este es elJS para detectar la resolución de pantalla en mi página de nombresindex.html y enviándolo a PHP, para que los valores puedan ser recuperados usando$_GET: -

<code><script type="text/javascript">

width = screen.availwidth;
height = screen.availheight;

if (width > 0 && height >0) {
    window.location.href = "http://localhost/main.php?width=" + width + "&height=" + height;
} else 
    exit();

</script>
</code>

Este es el contenido de mi nombre de archivo PHPprocess.php: -

<code><?php
$screen_width = $_GET['width'];
$screen_height = $_GET['height'];

//EDITED PORTION
echo '<style>#Wrapper {width:'.$screen_width.';}</style>';
?>
</code>

Ahora, después de obtener el tamaño de la pantalla, quiero mostrar elindex.php.

TENGA EN CUENTA ESTOS PASOS, EN CUANTO A ENTENDER LA MANERA EN QUE QUIERO QUE LAS COSAS TRABAJEN:

Carga de página iniciadaJavascript detectó el ancho de pantalla disponible.Lo pasa al archivo php y la variable PHP tiene el ancho de pantalla disponible en la pantalla.Luego, la página se muestra usando esa variable php (significa que el ancho de la página se está configurando usando esa variable php)

En todo el proceso elindex.php No debe ser recargado.Entonces, ¿cómo se puede hacer?

EDITAR:

Como elJS pasa el valor al archivo php que se carga, lo que quiero es obtener la resolución de la pantalla y, en consecuencia, configurar el ancho de la página del sitio web. Pero siJS envíe los datos al archivo php y si lo conseguimos a través de ajax, puede suceder que mi sitio web se cargue completamente y el estilo no se implementaría porque ya se ha cargado todos los elementos antes de que funcione el ajax.

¿Existe algún método que sea lo suficientemente eficiente o podemos hacerlo de una manera que se vuelva eficiente?

Este es mi EDIT: 2

Para ser más claros, explicaré lo que quiero lograr con la siguiente imagen:

Ahora si consigo la resolución de pantalla diga800px entonces sé que quiero deducir200px del lado izquierdo de ella, por lo que se convertirá en600px y como midivs son250px Solo podré añadir dos. Por lo tanto, para evitar mostrar que100px en la derecha voy a ajustar el ancho de página de mi sitio web para700px.

Cosas que puedo hacer en PHP, pero ¿cómo hacer que todas las cosas se hagan al mismo tiempo en la misma página?

Toda el área que puede llamar como #Wrapper Derecho como #SideBar Área izquierda como #LeftContent

Espero haber explicado bien las cosas. Así que por favor si alguien me puede ayudar a hacer lo necesario :)