[CSS] Estendere altezza di una colonna

**Vinxi** · 01-11-2005, 22:34

Salve a tutti
Prima vi posto il codice:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Prova</title>
    <style type="text/css">
    .contenitore {
        border: 1px #dddddd solid; 
        width: 700px; 
        padding: 0;
        margin: 0px auto;
    }
    .footer {
        clear: both;
    }
    .sx {
        float: left; 
        width: 460px; 
        text-align: left; 
        padding: 25px; 
    }
    .dx {
        float: right; 
        width: 145px; 
        padding: 20px; 
        text-align: left; 
        background: #f5f5f5;
    }
    </style>
    
</head>

  <body>
     <div class="contenitore">
     <div class="sx">
     testo
    </div>
    <div class="dx">
    testo
    </div>

    <div class="footer"></div>
    </div>

  </body>
</html>

Vorrei che la colonna di destra avesse la stessa altezza di quella di sinistra. (che di solito è più lunga)
Come posso fare?

Grazie

**Vinxi** · 01-11-2005, 22:59

Risolto.

Per chi fosse interessato, bisogna creare un'immagine con larghezza uguale a quella della colonna da "allungare" e come altezza invece basta anche un pixel. Il colore dell'immagine deve essere lo stesso dello sfondo della colonna.
Poi bisogna aggiungere nel contenitore:

background:#fff url("null.gif") right repeat-y;

dove:
null.gif è l'immagine che avete creato
right è il posto dove si trova la colonna
#fff è il colore di sfondo che volete dare al resto del contenitore

Spero aiuti

**awd** · 02-11-2005, 00:27

si chiama tecnica delle "false colonne"
ma tu hai un layout a 2 o 3 colonne?

**Vinxi** · 02-11-2005, 01:04

2 colonne.

Non sapevo si chiamasse così

Discussione: [CSS] Estendere altezza di una colonna

Strumenti discussione

Ricerca discussione

Visualizza

[CSS] Estendere altezza di una colonna

Permessi di invio