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...

Citazione:

---

Originalmente inviato da marsella

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:

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

Codice:

---

<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...

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!