Printable View
Ciao a tutti. Nel mio precedente post volevo sapere come si blocca una layout. Ora invece vorrei sapere come faccio a spostare il tutto. Cioè se metto un'immagine al centro e poi un livello sotto, come faccio a dirgli che si deve spostare in concomitanza con l'immagine di sopra. Prendere il sito di Yahoo, ridimensionate la finestra con la freccetta e vedete cosa fa. Come faccio a farlo anche io ?
javascript...
lo cososci?
Sì però non sono molto esperto e volevo sapere se qualcuno mi poteva postare il codice, un link, un qualcosa di utile. Come hanno fatto nella mia precedente discussione.
Non ho capito bene cosa intendi fare... Potresti spiegarlo in un altro modo?
Intendi il ridimensionamento della finestra del browser...Citazione:
Prendere il sito di Yahoo, ridimensionate la finestra con la freccetta e vedete cosa fa
Forse vorresti che il contenuto (centrato) di una pagina, al ridimensionamento della finestra rimanesse uguale (e per vedere il resto della pagina bisogna spostare la barra orizzontale verso destra)?
Quello che vorrei fare e che quando l'utente ridimensiona la finestra da destra verso sinistra, il contenuto centrale si sposti verso sinistra sempre rimanendo centrato. La stessa cosa se l'utente prova a ridimensionare la finestra da sinistra verso destra. Praticamente l'utente come ridimensiona la finestra, il contenuto centrale deve rimanere centrato e quando si ridimensiona la finestra il contenuto si sposta sempre di più per renderlo ancora visualizzabile.
Prova a fare una cosa del genere e vedi se ti interessa:
Il seguente codice lo metti nell'HTML:
Il seguente codice lo metti nel CSS (foglio di stile):Codice HTML:<div id="container">
Qui dentro metti il contenuto di tutta la pagina, quindi l'header, il footer, le colonne laterali, il contenuto della tua pagina, o quello che ti pare.
</div> <!-- fine container -->
Nel CSS ho impostato un colore di sfondo del body per far vedere la differenza che c'è tra il body ed il box con l'effettivo contenuto della pagina.Codice:body {
background-color:#000;
}
#container {
margin:0 auto;
border:2px solid #999;
width:980px;
background-color:#fff;
color:#000;
}
Nel "container" (dove si trova il contenuto della pagina) ho dato un margin:0 auto; che c'entra il #container (ed elimina anche il margine in termini di pixel dal bordo della finestra al bordo del container).
Poi ho dato una larghezza (width:980px) al #container, questa larghezza puoi cambiarla inserendo il numero di pixel che vuoi, io ho fatto solo un esempio.
Edit.
Ho fatto una pagina di prova a questo link per vedere il risultato...
Da quello che ho capito devo tenere il mio testo, il mio contenuto all'interno di quel contenitore ? Io vorrei invece che il testo normale in tanti livelli, immagini sempre in tanti livelli si allinei insieme a tutto "l'ambaradan" quando l'utente ingrandisce o dimezza la finestra.