## Elementi flessibili

Di norma gli elementi HTML e quelli grafici hanno dimensione e posizione fissi nella pagina e rimangono fissi se l'utente modifica la dimensione della finestra del browser.

Freeway fornisce due opzioni per permettervi di creare elementi flessibili, che variano in relazione alla dimensione della finestra del browser.

#### Elementi Layer

L'opzione che si raccomanda, se usate le opzioni di esportazione HTML 4.01 o XHTML, consiste nel definire un elemento come un elemento layer, nel qual caso si usa un layout che si basa su CSS per specificare la dimensione e la posizione dell'elemento. Con gli elementi layer potete definire qualunque dimensione come una percentuale relativa alla dimensione della finestra del browser, invece che con un valore assoluto in pixel.

#### Elementi Non-layer

Elementi Non-layer si usano per posizionare l'elemento nella pagina un layout che si basa su di una tabella. Potete rendere flessibili orizzontalmente elementi HTML non-layer, i modo che si espandano a seconda della dimensione della finestra del browser, e/o flessibili verticalmente, in modo che si regolino per gestirne il contenuto.

### Per definire un elemento come elemento layer

- Selezionate l'elemento.
- Cliccate sull'icona delle impostazioni generali nella parte alta della palette Ispettore per vedere le regolazioni generali dell'elemento.
- Nella sezione Proprietà selezionate Layer.
- Scegliete Assoluto dalla finestra del menu pop-up Layer per posizionare l'elemento relativamente all'angolo alto sinistro della pagina, oppure su Fisso nella Finestra per posizionare l'elemento relativamente all'angolo alto sinistro della finestra del browser:

Osservate che Fisso nella Finestra potrebbe non dare sempre gli stessi risultati in browser diversi

### Per rendere flessibili le dimensioni di un elemento layer

- Per definire le dimensioni appropriate come percentuale nella sezione Dimensioni della palette Ispettore:

### Per definire il comportamento dell'overflow per gli elementi layer HTML

- Selezionate l'elemento.
- Accertatevi che Layer abbia la spunta sul pannello delle regolazioni generali dell'elemento della palette Ispettore.
- Cliccate sull'icona delle regolazioni di output nella parte alta della palette Ispettore per vedere le opzioni di uscita dell'elemento.

Il menu pop-up Overflow offre quattro opzioni per determinare cosa accade quando c'è un overflow del contenuto dell'elemento HTML nel browser:

Le opzioni sono spiegate nella seguente tabella:

Opzione | Descrizione
Visibile | Si permette al contenuto di fare un overflow e rimanere visibile al di sotto dell'elemento.
Nascosto | Il contenuto viene troncato alla dimensione dell'elemento.
Scorrimento | L'elemento fa vedere sempre una barra di scorrimento verticale per permettere all'utente di scrollare il contenuto in vista.
Auto | L'elemento fa vedere una barra di scorrimento verticale solo nel caso di overflow.

### Per rendere flessibile la larghezza di un elemento HTML non-layer

- Cliccate sulla icona della regolazioni di output nella parte alta della palette Ispettore per veder le regolazioni di uscita dell'elemento.
- Selezionate Largh. può aumentare:

Quando si esegue l'output della pagina, l'elemento HTML si espanderà in proporzione alla larghezza della finestra del browser.

### Per rendere flessibile l'altezza di un elemento HTML non-layer

- Cliccate sulla icona della regolazioni di output nella parte alta della palette Ispettore per veder le regolazioni di uscita dell'elemento.
- Selezionate Altezza può ridursi:

Quando si esegue l'output della pagina, l'altezza dell'elemento HTML si regolerà per adattarvi il contenuto.

Contenuti