Printable View
Salve. Sto creando un layout a 3 colonne. Tutto bene, solo che se scrivo di più in una colonna, vorrei che i bordi delle altre colonne la seguissero.
Un'esempio: http://gabryhacker.altervista.org/a.html
Come si può notare c'è uno spazio tra il bordo superiore del footer e il bordo inferiore della prima colonna.
Vorrei rempire questo spazio. Grazie per gli aiuti.
Un metodo "rozzo" senza andarti ad ingavinare con mille dichiarazioni nel CSS sarebbe che, nelle 2 colonne che devono scendere, ci metti dei:
Per esempio, la 3' colonna è 5 righe più lunga delle altre aggiungici 5 br e verranno alla pari :wink:Codice PHP:<br />
E' un metodo molto brutto ma il più veloce xD
Ma penso che lui voglia che lo facciano in automatico, altrimenti bastava impostare un'altezza assoluta :mrgreen:
Credo che sia impossibile :???: son 3 div differenti come possono seguirsi? :???:
Se ho capito bene, tu vorresti riempire lo spazio sotto le 2 colonne più corte... bhè potresti sempre fare lo sfondo di colore rosso (esempio) ed il foteer con una sfumatura, in modo che la parte superiore finisca del colore dello sfondo, non noteresti lo stacco :wink:
E' un metodo rozzo anche questo, ma a volte bisogna adattarsi :roll: anche perchè come detto sopra, da quel che so, non è possibile far allungare dei div seguendone degli altri :???: magari sbaglio ed uno più esperto di me ti darà la soluzione :wink:
Risolto il problema in un modo un po' sporco ma abbastanza accettabile :mrgreen:.
Praticamente i tre div che rappresentano le tre colonne sono racchiusi in un'altro div. Basta dare a questo div il bordo (border: 1px solid #000) e impostare i bordi di destra e di sinistra della colonna centrale (border-right: 1px solid #000;border-left: 1px solid #000).
In questo modo al variare della lunghezza della colonna centrale (che contiene la pagina) variano anche i bordi delle altre colonne, anche se in realtà non è proprio così, perchè le altre due colonne non hanno bordi. Se qualcuno ha bisogno posto il css e il codice html della pagina.