obtendo largura de tela em variável de javascript e enviando isto por ajax para uma página de php para evitar carregamento de página

Isto é oJS para detectar a resolução da tela na nomeação da minha páginaindex.html e enviá-lo para php, para que os valores possam 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 é o conteúdo da minha nomeação de arquivos PHPprocess.php: -

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

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

Agora, depois de obter o tamanho da tela eu quero exibir oindex.php.

OBSERVE ESTES PASSOS, PARA ENTENDER O CAMINHO QUERO QUE AS COISAS FUNCIONAM: -

Carregamento de Página IniciadoJavascript detectou a largura de tela disponível.Ele passa para o arquivo php e a variável PHP tem a largura de tela disponível.Então, a página é exibida usando essa variável php (significa que a largura da página está sendo definida usando essa variável php)

Em todo o processoindex.php não deve ser recarregado.Então, como isso pode ser feito?

EDITAR:

Enquanto oJS passa o valor para o arquivo php é carregado, o que eu quero é obter a resolução da tela e, consequentemente, definir a largura da página do site. Mas seJS enviar os dados para o arquivo php e se de alguma forma chegarmos através do ajax, pode acontecer que o meu site fique totalmente carregado e o estilo não seja implementado porque já foi carregado todos os materiais antes do ajax funcionar.

Existe algum método que é eficiente o suficiente ou podemos fazer isso de uma maneira que se torne eficiente.

Este é o meu EDIT: 2

Para ser mais claro, vou explicar o que quero alcançar usando a seguinte imagem:

Agora, se mal conseguir a resolução da tela, diga800px então eu sei que eu quero deduzir200px do lado esquerdo, por isso vai se tornar600px e como meudivs está250px Eu vou poder adicionar apenas dois. Portanto, para evitar mostrar que100px na direita eu vou ajustar a largura da página do meu site para700px.

Coisas que posso fazer no php, mas como fazer com que todas as coisas sejam feitas ao mesmo tempo na mesma página?

Toda a área que você pode chamar como #Wrapper Certo como #SideBar Área esquerda como #LeftContent

Espero ter explicado bem as coisas. Então, por favor, se alguém puder me ajudar fazendo o necessário :)

questionAnswers(3)

yourAnswerToTheQuestion