altezza variabile al variare della finestra

ciao a tutti...

nel seguente link ho una pagina dove voglio che le due fasce rosse varino al variare della della dimensione della finestra del browser... inoltre la riga centrale deve aver un-altezza costante di 300 px....

http://linuxmx.altervista.org/sito_p/


come posso fare a rendere variabile l'altezza delle due righe rosse??

grazie in anticipo

Credo che queste cose vadano fatte in php e non in html.

ovviamente... chiedo scusa ho sbagliato sezione... a ogni modo ho questo antipatico problema da risolvere...

[mycarlo]

Credo che queste cose vadano fatte in php e non in html.

Ti sbagli, apparte che PHP serve per generare il codice HTML...
Queste cose vanno fatte in javascript, dato che essendo lato client può ottenere molte informazioni in più rispetto a php che lavora lato server.

@linuxmx:
Leggi qui:
http://www.howtocreate.co.uk/tutoria.../browserwindow

Trovi questo codice:

function alertSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  window.alert( 'Width = ' + myWidth );
  window.alert( 'Height = ' + myHeight );
}

Le variabili myWidth e myHeight contengono rispettivamente larghezza e altezza della finestra.

Avresti potuto usare screen.width e screen.height, ma queste variabili contengono la risoluzione dello schermo e non larghezza e altezza della finestra.

ok le inserisco all'inizo del file php con

<script language="JavaScript">
function alertSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  window.alert( 'Width = ' + myWidth );
  window.alert( 'Height = ' + myHeight );
}
</script>

ma si ridimensiona mica...

[alemoppo]

Come già detto, quella funzione serve soltanto per vedere l'altezza e larghezza della finestra.
Poi, tramite css imposti le proprietà che vuoi tu (sempre con javascript).

Ciao!