Newsgroup: it.comp.www.html
Titolo: Come "allungare" un bordo?

Sto facendo delle prove con una nuova veste per il mio sito ma ho un
problema con il bordo che uso per separare il menu dai contenuti.
http://lis.altervista.org/new
Al momento il bordo č relativo al menu (div di sinistra) ma, se il contenuto
č piů alto del menu allora il bordo si interrompe (per vederlo stringete
molto la finestra)
Viceversa, se sposto il bordo dal menu al contenuto, nel caso in cui il
contenuto sia meno "alto" del menu, il bordo non arriva a coprire tutto il
menu.
C'č un modo per fare in modo che quel bordino separatore arrivi sempre e
comunque a congiungersi al footer?
-- 
Lis
Il mio sito: 
http://lis.altervista.org
Aiuta la ricerca contro il cancro: 
http://snurl.com/ida_team
Esitare va benissimo, se poi fai quello che devi fare (B.Brecht)

Guarda questa lezione sui layout a due colonne:
http://www.html.it/layout_css/layout_css_20.htm
Ti suggerisco di leggere anche le due successive:
http://www.html.it/layout_css/layout_css_21.htm
http://www.html.it/layout_css/layout_css_22.htm
Puoi risolvere il problema con una semplice img di sfondo.
Ciau,
Nené

Puoi risolvere il problema con una semplice img di sfondo.
Grazie, avevo letto quelle lezioni tempo fa e non mi ricordavo del "trucco"
dell'immagine di sfondo
--
Lis
Il mio sito: 
http://lis.altervista.org
Aiuta la ricerca contro il cancro: 
http://snurl.com/ida_team
Wellington è un pessimo generale. Prevedo la vittoria entro l'ora di pranzo

 comunque a congiungersi al footer?
 Io lascerei perdere 'sti trucchi dell'immagine di sfondo solo per risolvere
il solito problema di volere due colonne di uguale altezza, cosa impossibile
da fare con css.
Fai una semplice tabella (una, non due o piů nidificate) solo per forzare il
layout. Le <table> funzionano benissimo per questi scopi.
E non dirmi che sei un purista dei css che odia le tabelle per tutti i
soliti motivi. L'hai usata anche per creare il menu laterale, dove era molto
piů indicato e naturale usare una lista <ul>. (E non ho detto a tutti che
hai osato usare il tag <center>, cancellalo prima che qualcuno lo veda :-)
-- 
Nello Polesello
Per le risposte in mail sono libero, non occupato.

hai osato usare il tag <center>, cancellalo prima che qualcuno lo veda :-)
Intendi il center nel <p> del validatore? Potrei fare diversamente?
Infine, avrei un'altra domanda. Come potrei risolvere il problema
dell'immagine che si "appoggia" al bordo destro? C'è un modo per dire al div
"content" di allargarsi per contenere tutta l'immagine?
http://lis.altervista.org/show_image.php?gallery=preferite&#8465;=kira.jpg
Interessante notare come Firefox e IE6 visualizzino differentemente questa
pagina
--
Lis
Il mio sito: 
http://lis.altervista.org
Aiuta la ricerca contro il cancro: 
http://snurl.com/ida_team
Penso che nel mondo ci sia mercato forse per quattro o cinque computer

 solo coi css
Concordo solo sul fatto che sono fatte solo coi css. Sono alte uguali finche
nel menu ci scrivi "menu" e nel contenuto ci scrivi "*BURP*", ossia quando i
testi hanno circa la stessa lunghezza, allora è ovvio a tutti che le colonne
sono alte uguali.
E' vero che in Mozilla le colonne sono comunque alte uguali, ma non possiamo
certo tagliar fuori la maggior parte degli utenti, quelli che usano
Explorer.
Prova a scrivere un testo mooooolto lungo nel contenuto e vedi che la
colonna destra si allunga e quella sinistra no (in Explorer). In più anche
in Mozilla il comportamento stringendo la finestra non è quello desiderato,
appare una scrollbar nel div di destra, grazie alla proprietà overflow:auto
(e meno male che c'è, altrimenti il testo uscirebbe dallo sfondo colorato,
ancora peggio).
In definitiva io sono per un layout ibrido, che usa una tabella per
sistemare la posizione relativa degli oggetti e per fissare altezze o
permettere di assegnare stessa altezza a due o più colonne affiancate, e css
per TUTTO il resto (stili, colori, margini, bordi...)
Infine, ciò non è contro l'accessibilità, nessuno ha mai detto che usare
(sensatamente) tabelle per il layout rende il sito inaccessibile.
