lunedì, febbraio 02, 2009

Box model e tre colonne della stessa altezza

Sapete che quando si usa il box model per il layout delle pagine HTML uno dei problemi consueti è che le colonne assumono ognuna la lunghezza del proprio contenuto e quindi di solito sono di altezze differenti. Questo può essere un discreto problema per gestire i bordi e gli sfondi di queste colonne.

Ho trovato questo tutorial in proposito: Matthew J ames Taylor: Equal Height Columns with Cross-Browser CSS & No Hacks

Siccome ero li che guardavo l'esempio, ne ho fatto uno mio leggermente diverso, aggiungendo un wrapper in più per dimensionare e centrare la pagina e passando il padding al contenuto con un altro div annidato. Esempio qui: test-colonne-uguali.html

3 commenti:

  1. Ma sai che sei proprio un grande? Grazie.

    RispondiElimina
  2. bello.. ma se alla terza colonna ci si mette un background, si nota che non si allunga insieme alle altre due.. :(

    Viv

    RispondiElimina
  3. Il background c'è già in tutte e tre le "colonne" quindi non ho capito cosa hai aggiunto e dove. Se me lo spieghi forse posso aiutarti.

    RispondiElimina