Newsgroup: it.comp.lang.javascript
Titolo: problemi css rimediare con js che ne dite  ?

salve
ho dei problemi con un layout css che non riesco a proprio a risovlere solo 
con i css
ho pensato quindi di usare javascript
che ne dite come soluzione ?
il problema in se è banale
devo allineare 3 colonne alla stessa altezza il codice deve prendere
la più grande ed in base alla più grande ridimensionare tutte le altre 
naturalmente dopo che la pagina è stata
completamente caricata avete qualche idea di come fare questa cosa
e quali controindicazioni ci sono ? .
p.s
generalmente nei vari hack / tricks dei css dicono di usare la tecnica delle 
false colonne ovvero degli sfondi con background
col colore della colonna
Ma in questo caso non c'è modo perchè io ho un layout a due colonne ma solo 
in una pagina mi si presenta questa evenieza
e oltre tutto la colonna centrale non è "unica" ma è formata da più blocchi
una cosa del genre
|----||--colonna centrale--||---|
|----||--fine blocco1------||---|
|----||--------------------||---|
|----||--blocco due-------||---|
|----||--fino a fine pag----||---|
ecco il lyaout che oltre tutto ha anche un colore di sfondo
grazie ciao

 più blocchi una cosa del genre
per quanto riguarda il fatto della colonna centrale fatta "a blocchi", non
puoi mettere i 2 blocchi dentro un div, cosi' da tornare in una
conformazione piu' "classica"?
-- 
Torno subito

 una comune tabella?
Look, ma! No table!
-- 
Torno subito

 varrebbe usare una tanbella? Ma certo che si`... e` quel che vuole :-)
Per vari motivi non devo e non posso usare le tabelle anche mettendo un
div
"generale" che ne contiene altri non risolvo perchè lo spazio fra un
blocco e l'altro deve essre del colore dello sfondo inoltre rimane
sempre il problema che deve avere altezza Specifico meglio
height = per tutte le colonne spero sia più
chiaro.

Scusa ma tu hai usata le tabelle :(
Se dovevo usare le tabelle non ricorrevo neanche a js.
Il problema intrinseco è proprio nei div che non hanno modo di
adattarsi all'altezza (height) del
loro contenitore io è questo che devo fare .
banalmente ho detto averli tutta con la stessa height il concetto è
comunque identico a sopra.
---

 E dici che il problema e` nei DIV, e non nel modo in cui vuoi usarli?
[CUT]
Penso si riferisca al fatto che se un div è più lungo dell'altro, i 2 non
risultano alla stessa altezza. Non ricordo esattamente come simulare il
problema ma mi ci ero scontrato anch'io, e l'unica che avevo trovato era
window.onload di calcolare l'altezza massima dei 3 div e settarla. in rete
il primo che ho trovato è questo:
http://www.dotnet2themax.it/blog/CommentView,guid,2451294a-3f0c-42e5-8759-4a25c436170a.aspx
-- 
"Non sai che ci vuol scienza
 ci vuol costanza
 ad invecchiare senza maturità"
									    F.G.

A ok perfetto.
Si tu hai ragione è il modo in cui sono usati che forse è sbagliato
(Discutibile comunque perchè mi pare che nelle vesione succ. dei css
questo comportamento sia  stato risolto / cambiato)
Niente da spiegare diciamo che il sito deve essere table-less (è un
test per verifcare / rimediare a pro e contro)
Ecco più o meno è tutto.
---

 punta a croce alla chiave da 3/8 di pollice ;-)
Però non ho capito qual è lo strumento giusto (volendo evitare l'uso di
tabelle, in quanto sarebbe anch'esso un uso altamente improprio)
-- 
"E' l' ignoranza che crea l'intolleranza
 di gente cieca e senza coscienza"
									  S.S.S.

ma in definitiva si può .... sta cosa...

A prescindere da cosa è giusto o sbagliato.
Io vorrei.
Che la dimensione di n-livelli si adatti alla dimensione del proprio
contenitore.
E per dimensione intendo la proprietà height espressa in pixel.
:-)

 E per dimensione intendo la proprietà height espressa in pixel.
Sì, avevo capito. io quando avevo provato avevo per forza dovuto usare
javascript


 Perche' non le tabelle? E` proprio il loro lavoro...
non secondo le direttive w3, le tabelle servono a presentare dei dati, non
a creare il layout del sito (ripeto: secondo w3, io alla fin fine ho usato
tabelle, e una delle difficoltà che mi hanno fatto scegliere un layout non
table-less è stata proprio questa)
-- 
"Emancipate yourselves from mental slavery;
None but ourselves can free our minds"
									    B.M.

potresti darmi qualche dritta visto che lo hai fatto ? 
grazie ...

 potresti darmi qualche dritta visto che lo hai fatto ? 
Non lo ho fatto (o quantomeno, lo avevo fatto tramite window.onload, quindi
via javascript, e mi faceva schifo come soluzione), avevo rinunciato ed ero
quindi tornato a normali td.
Nel link che ho spostato ci sono dei link a pagine che indicano come usare
javascript.
-- 
"qualcuno è andato per età
 qualcuno perchè già dottore
 e insegue una maturità, si è sposato, fa carriera
 ed è una morte un po' peggiore"
									    F.G.

 e quali controindicazioni ci sono ? .
http://www.constile.org/template/nuovo_layout_a_tre_colonne/
-- 
legge di Shirley:
	La maggior parte della gente si merita a vicenda.


senza offesa che c'entra sto link ? hai letto tutta la discussione :-)

 senza offesa che c'entra sto link ? hai letto tutta la discussione :-)
 se guardi alcuni esempi le colonne si adattano a quella che contiene
piu' testo senza uso di javascript ma solo con css
 ovviamente ho letto solo il post a cui ho risposto ;) ... vado di
fretta ...
 "non ho bisogno di offendermi ho gia' abbastanza problemi di mio"
 (cit.)
-- 
- Perche' la carta igienica usata dai carabinieri e' due volte piu'
  lunga?
- Perche' la prima meta' e' occupata dalle istruzioni.
		-- Da it.hobby.umorismo

 "non ho bisogno di offendermi ho gia' abbastanza problemi di mio"
:), ma il mio problema di fatto era un layout dentro un macro layout 
(spezzato)
il primo due colonne il secondo non avevo colonne ben definite ma pezzi uno 
sopra l'altro
cmq quel link sembra interessante devo testare ma non sono sicuri che si 
adattino a quella con testo
più grande.
grazie ciao

 grazie ciao
  considera che l'autore ha clonato virgilio rendendolo tableless
http://www.constile.org/clonazioni/virgilio/virgilio.html
 qui trovi altri layout "complessi" realizzati col solo ausilio
di css (e con lo stesso template html ... ma questa e' un'altra storia)
http://www.mezzoblue.com/zengarden/alldesigns/official/
 questo, a mio avviso, e' un capolavoro ;)
http://www.csszengarden.com/?cssfile=166/166.css
 [1]
 in due parole se uno trova il tempo di sperimentare
i css gli daranno molte soddisfazioni
buona giornata
[1] se usi firefox installa la webdeveloper toolbar
    (
http://webdeveloper.mozdev.org
) e disabilita i css
    rimarrai stupefatto :)
-- 
"Il Pascal non e' un linguaggio di alto livello."
		-- Steven Feiner

     rimarrai stupefatto :)
Non č necessario installarsi un'extension, firefox gestisce lo styles
switching di suo ( menů View / Page Styles ).
Restando in tema di download, suggerisco di scaricarsi lynx:
 
 
http://lynx.browser.org/
Ricordo che mi fece un certo effetto vedere il mio primo sito table-less
accessibile e navigabile anche da questo browser.
-- 
~ "When you have eliminated the impossible, whatever remains,
however improbable, must be the truth." (S.H.)


ottimo perň a quanto visto dal codice anche li usa il trucco delle colonne 
finte.

 finte.
  devi pero' tenere presente che tutte le pagine che trovi su
csszengarden sono basate su un file html comune e per realizzare i
vari laout viene modificato solo il css, se visualizzi la pagina tramite
il DOM inspector ti accorgerai che ci sono un sacco di div vuoti che,
nell'ottica di chi ha promosso l'iniziativa csszengarden, servono a dare
un po' di respiro e permettono di realizzare layout profondamente
diversi tra loro
 il mio intervento voleva solo spingerti ad affrontare la tematica css
piuttosto che "rifugiarti" (passami il termine) nel javascript
 buona giornata (la mia, tanto per fare un cosa nuova, sara'
incasinatissima)
-- 
Casa Dolce Casa, e' solo un proverbio oppure e' una rivista di
Arredamento Pasticceria Arredamento?
		-- Alessandro Bergonzoni


si l'avevo capito e che prima di prendere questa decisione ho visto parecchi 
stile letto un bel pň di roba sui css
ed ho visto che il "problema" dell'altezzza č spesso ricorrente o rapportato 
tutto il mio caso ed
ho visto che non c'era soluzione (almeno io non l'ho ancora trovata)
Quindi ho pensato meglio buttare nel codice div vuoti senza senso (che poi 
anche cosě non risolvevo)
O usare js alla fine come logica ti dirň che mi sembra piů
corretta la seconda js cmq serve anche a questo, ed in fin dei conti lo uso 
per quello che serve.
Gli hack dei css invece sono appunto hack e se dobbiarmo dirla tutta č 
meglio evitarli.
:-)

 ho visto che non c'era soluzione (almeno io non l'ho ancora trovata)
 questo risolve il problema (con javascript)
http://www.alistapart.com/articles/footers
 comunque, ma questa e' una mia opinione, i layout
header / tre colonne / footer hanno fatto il suo tempo e sono
diretta conseguenza della nascita degli editor WYSIWYG
buona giornata
-- 
Cercare di definire se stessi e' come cercare di mordersi i propri denti.
		-- Alan Watts