Dreamweaver: centrare i livelli o layer.

Di: lorenzo | 26/09/2020 18:28:05
Buongiorno, ho bisogno di creare un livello/layer che si centri sempre nella finestra del browser.
Dentro questo livello inserirò la tabella che contiene la pagina (foto testi e rollover) e degli altri layer nidificati che dovranno mantenere la posizione in relazione al livello che si centra.
Qualcuno sa darmi un aiuto?

Risposte



Inserendo i tag DIV in una cella di una tabella centrata e togliendo gli attributi di allineamento dovresti risolvere il problema. Quindi è il contrario di quello che ho letto sopra.
Per il resto io detesto usare i livelli, proprio perché portano solo problemi... un po' come i frame...
Spero di esserti stato utile, fammi sapere, ciao.

Di: Pablito | 26/09/2020 18:29:05


Per togliermi ogni problema sto realizzando il sito in flash... Comunque proverò e ti faccio sapere...
GRAZIE!

Di: lorenzo | 26/09/2020 18:29:05

HTML - Centrare un DIV

Non arrenderti subito...
Una volta mi ricordo che per centrare il contenuto nella finestra del browser bastava creare una tabella con gli attributi WIDTH="100%" e HEIGHT="100%". Purtroppo adesso non funziona più con alcuni browser.
La soluzione sta nello stile, se sai già quanto sarà grande in pixel la tabella che vuoi centrare puoi metterla dentro un DIV e posizionare quest'ultimo con lo stile:
.myDiv {
position: Absolute;
top: 50%;
left: 50%;
border: None;
margin-left: -100px;
margin-top: -100px;
}
E ti spiego nel dettaglio:
Questo trucco (testato in Internet Explorer, in Mozilla 1.7 e in FireFox 1.0) usa un DIV per trovare il centro della pagina, infatti gli attributi [top: 50%] e [left: 50%] fanno in modo che lo spigolo IN ALTO A SINISTRA del DIV sia sempre al centro.
La nostra tabella non sarà contenuta interamente nel DIV ma sarà più spostata verso l'alto e verso sinistra.
Gli attributi [margin-left] e [margin-top] hanno dei valori negativi, questo significa che "sborderanno" rispetto al margine del DIV, nell'esempio il valore [-100px] stabilisce che rispetto alla posizione del DIV (cioè rispetto al centro assoluto dello schermo) il contenuto è spostato di 100 pixel a destra e in alto.
Va da se che se la tabella che dobbiamo centrare è larga 200 pixel e alta 200 pixel il centro della tabella sarà al centro dello schermo, e questo è tutto.
Applico a un esempio lo stile che ho riportato sopra:
<div class="myDiv">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="0.gif" width="200" height="200">
</td>
</tr>
</table>
</div>
Dentro il DIV puoi mettere quello che ti pare, l'importante è tenere nota delle dimensioni in pixel per poter scrivere la metà dell'altezza e la metà della larghezza rispettivamente in [margin-top] e [margin-left].
Controindicazioni:
Se la tua tabella è più grande dello schermo verrà centrata lo stesso ma la porzione superiore e quella sinistra potrebbero rimanere nascoste.

Di: Professore | 26/09/2020 18:29:05


Grazie mille!!!!
più tardi provo :)

Di: lorenzo | 26/09/2020 18:29:05


Grazie Professore per queste vere e proprie perle di conoscenza.

Di: Pablito | 26/09/2020 18:29:05