Originariamente inviato da skidx
Salve a tutti,
sto utilizzando per un sito un layout a tre colonne senza usare tabelle per la struttura, per la precisione quello che prevede due colonne laterali a larghezza fissa (posizionate "absolute") e una colonna centrale proporzionale, che occupa quindi tutto il rimanente spazio orizzontale della pagina.
Requisito di quel tipo di layout è il fatto che la colonna centrale debba essere più lunga delle altre due. Ok, benissimo, la mia colonna centrale è più lunga, quindi sembrerebbe tutto perfetto. Se non lo fosse aggiungerei un po' di padding in fondo risolvendo alla svelta.
Il punto è che io ho uno schermo a 1024x768, ma conosco diversa gente che ha già schermi con risoluzioni superiori e questi sono in continuo aumento, come d'altronde è giusto che sia. Risoluzioni superiori implicano larghezza maggiore per la colonna centrale (che è proporzionale), quindi la colonna che regge il mio layout, non sono più così sicuro che a 1600x1200 sia ancora la più lunga delle tre, ma non sono sicuro che lo sia neanche a 1280x1024, dato che non c'è poi questa differenza abissale tra le tre colonne.
La mia domanda è:
sapete se esiste una qualche proprietà dei CSS (o una combinazione di proprietà) che mi permetta di dire al testo contenuto nella colonna centrale "allargati sì in maniera proporzionale, ma fino a questa X larghezza massima" ?
Tramite javascript sono già in grado (su browser IE5+, MOZ/NN6+, OP7 ) di risolvere il problema controllando dinamicamente le altezze e agendo di conseguenza, ma ovviamente mi piacerebbe una soluzione più robusta e magari senza l'ausilio di script.
Grazie in anticipo per l'eventuale interessamento.