Bordi disegnati e altezza box uguale

[The knight]

Ho un layout a due colonne a larghezza fissa, però le due colonne hanno sia il bordo destro che quello sinistro con dei bordi particolari disegnati con Photoshop...il problema è che la colonna di destra è + corta rispetto a quella di sinistra, quindi i bordi non proseguono dritti fino in fondo...avete quelche idea a riguardo ?

.main {
width: 990px;
margin: 0;
text-align: left;
background-color: #ECAABC;
}

.containerleft {
float: left;
width: 840px;
margin: 0 auto;
background: #ECAABC url(images/bordodestro.jpg) right repeat-y;
padding: 0px;
text-align: center;
}

.containerright {
float: left;
width: 150px;
margin: 0 auto;
background: #ECAABC url(images/bordodestro.jpg) right repeat-y;
padding: 0px;
text-align: center;
}

.containerleft .levleft {
background:url(images/bordosinistro.jpg) left repeat-y;
}

.containerright .levleft {
background:url(images/bordosinistro.jpg) left repeat-y;
}

[aedo]

Si, devi usare la tecnica delle false colonne che ti permette di risolvere questo inconveniente.

Ci sono delle esaurienti spiegazioni in pro.html.it.

[The knight]

Puoi darmi qualche link + specifico, grazie

[aedo]

http://pro.html.it/articoli/id_496/i...pag_2/pag.html

[The knight]

Originariamente inviato da aedo
http://pro.html.it/articoli/id_496/i...pag_2/pag.html

Ahhhh sta cosa già la sapevo, solo che non mi piaceva utilizzarla visto che i bordi sono alti circa 500 px....in pratica non ci sono altre soluzioni ?