Mondi su mondi, sistemi di sistemi.

Posizionamenti assoluti multipli: come sfruttarli

Si tende a dimenticare (traduzione: non lo sapevo e non ci sarei mai arrivato) che è pos­sibile specificare più di una “coordinata” quando il posizionamento è assoluto; il browser – tranne IE5 e IE6 – si pre­occuperà poi di ridemensionare l’elemento. Ad es:


#main {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
}

porta ad avere un elemento che occupa tutto lo spazio a disposizione all’interno del suo genitore, lasciando 20px di spazio sui quattro lati.

È pos­sibile sfruttare questa caratteristica per creare un lay­out con un colonnino a larghezza fissa con la barra di scrolling e una sezione centrale, con lo scrolling, che si adatti alla larghezza della pagina.

In questo articolo su “A List Apart” trovate tutti i dettagli, compreso come risolvere la questione sotto IE5/6 sfruttandone le peculiarità.

Scritto il 17/08/07 da giorgio_v.
Tags: , .

Per proseguire

Commenti e trackback sono disabilitati.