Newsgroup: it.lavoro.professioni.webmaster
Titolo: Layout a 3 colonne con CSS

ciao a tutti,
stò cercando di realizzare il classico layout a tre colonne senza usare le
tabelle, ma con i css.
il mio obiettivo è di impostarlo in modo di avere un header, tre colonne di cui
le laterali a dimensione fissa e la centrale a dimensione variabile, ed un
footer.
ci sono riuscito, ma solo visualizzandolo con ie.
ho provato in mille modi, ma non riesco mai ad impostarlo in modo che sia
leggibile anche da netscape/mozilla...
qui:
www.visuddhi.com/vstuff/3colonneelastico.htm
è visualizzabile nello stesso modo su ie che netscape/mozilla, ma il footer si
posiziona male, non riesco a metterlo al posto giusto. (calcolando che non si sa
quale delle tre colonne sarà la più lunga)
qui:
www.visuddhi.com/vstuff/3colonneelasticoie.htm
è visualizzabile bene, ma solo su ie
le soluzioni:
usare le tabelle... certo, ma volevo provare con i css...
correggere dove sbaglio.... ma non ci riesco, vi va di provarci?
--
visuddhi { info(at)
visuddhi.com
 }
if it is to be, it is up to me { 
www.visuddhi.com
 }
{ icq# 44339752 }

... non so, posso solo dirti che con opera č peggio che con mozilla.
comunque č interessante.
oggi ci gioco un po' e poi ti faccio sapere
lith

if it is to be, it is up to me { 
www.visuddhi.com
 }
chumbawamba?
-- 
dipende

  
http://www.egraphics.it/3colonne.html
non si vede nulla... 404!
--
visuddhi { info(at)
visuddhi.com
 }
if it is to be, it is up to me { 
www.visuddhi.com
 }
{ icq# 44339752 }

 
http://www.egraphics.it/3colonne.html
il link č errato, quello giusto č
http://www.egraphics.it/3colonne.html
ma anche questo ha un layout con le colonne laterali in percentuale, io lo
volevo con le colonne fisse
--
visuddhi { info(at)
visuddhi.com
 }
if it is to be, it is up to me { 
www.visuddhi.com
 }
{ icq# 44339752 }

 ?? questo me lo guardo bene... :)
per scoprire che non và nemmeno questo :(



http://www.egraphics.it/3colonne.html
e la differenza, scusami?
-- 
dipende

 correggere dove sbaglio.... ma non ci riesco, vi va di provarci?
Hola visuddhi! :)
Bazzmann.Com usa i CSS ormai da mesi e, a parte qualche problema
con alcune impostazioni di caratteri piccoli a monte, il layout
è visibile e testato su:
- IE 5/6 e IE/Mac
- Opera 5/6
- Mozilla 0.9.* e superiori (e relativo Netscape)
- Konqueror
Non esiste ancora un workaround per le versioni 4.*.
Non l'ho ancora trasportato in tutorial, ma puoi tranquillamente
prendere gli spunti dal codice, basta seguire gli ID e se sfrutti
il DOM Inspector di Mozilla dovrebbe comunque risultarti facile
comprendere il codice usato.
Poi ci sono un po' di discussioni in lista w3c-hack:
http://lists.bazzmann.com/pipermail/w3c-hack/2003-January/thread.html
http://lists.bazzmann.com/pipermail/w3c-hack/2002-December/thread.html
Perdona il layout dell'archivio piuttosto penoso, ma ho appena
aggiornato il list-server e devo ancora applicarci gli stili... :)
Bai!
Marco
-- 
Bazzmann Labs - Accessibilita', usabilita', webdesign e standard W3C
::-----------------------------::---------------------------------::
http://www.bazzmann.it
  | Consulenza, servizi e soluzioni.
http://www.bazzmann.com
 | Notizie, approfondimenti, articoli, guide.
http://www.dev2dev.it
   | Elemento D2D002

 e la differenza, scusami?
:) :) :)
sono proprio scemo...
volevo dire:
http://www.egraphics.it/pub/3colonne.html


 
http://lists.bazzmann.com/pipermail/w3c-hack/2002-December/thread.html
ma qui si parla sempre del layout con tre colonne variabili e non con le due
laterali fisse...


 laterali fisse...
Già, non ho seguito tutti i discorsi in lista ultimamente, mi pareva
fosse stato affrontato anche il layout con fissi e percentuali
insieme...


 Sballa in che senso?
:/  non sballa più!
o sono diventato scemo del tutto o hai corretto qualcosa...
ti prego, dimmi che hai corretto qualcosa anche se non è vero! :)
ora mi 'studio' il tuo codice...
grazie.


 ora mi 'studio' il tuo codice...
:) Ok, sto lavorando sulla versione 2.0, che sarà migliore anche come
commenti interni, ma intanto puoi far le prove su questo... poi fammi
sapere come ti trovi. ;)
Bai!
Marco


 sapere come ti trovi. ;)
ho utilizzato il tuo css e disposizione di blocchi, modificandola un pò...
ora potrebbe per me andare bene, ci sono alcune cosette che... vabbé, va bene.
:)
la stranezza è che se vado a questa pagina...
http://www.visuddhi.com/cn/3colonne.htm
vedo tutto bene...
se la stessa pagina la vedo qui...
http://www.visuddhi.com/cn/default.asp
non mi si vede bene su internet explorer fintanto che non refresha in qualche
modo la finestra.
che sò, devo spostarla, o andare su un'altra finesrta e poi rimetterla in primo
piano o cose simili.
la pagina è formata da una serie di include, per modificarla come voglio...
uffff! :(


 la pagina è formata da una serie di include, per modificarla come voglio...
Si, infatti, a volte capita... se si usano include o cose del genere può
capitare quanto ti dicevo prima... non sempre, ma può. Se usi un .html
normalissimo invece no, o per lo meno non mi è mai capitato. Mbah...


non si vede nulla... 404!
www.egraphics.it/pub/3colonne.html
 
sorry, tutto quello che faccio va sotto pub (la mia Gpl personale:)

per scoprire che non và nemmeno questo :(
No va nel senso non si apre la pagina (che ho aperto giusto ora:) o
non va come Css? 
bye

volevo con le colonne fisse
Domani metto 
www.egraphics.it/pub/3colonnefisse.html
 
giuro :)
bye

 non va come Css?
non è adatto come css... :(
ma ho trovato, sotto lo dico! :)


 come sopra
Ho preparato tre nuovi layout a tre colonne per tutte le esigenze:
http://www.constile.org/test/3colonne.html
    * Layout a larghezza prefissata
    * Layout liquido, con colonne laterali di larghezza prefissata
    * Layout liquido
Ancora però non ho scritto un articolo illustrativo. Unica cosa: la
colonna centrale deve essere più lunga di quelle laterali.
Saluti

colonna centrale deve essere piů lunga di quelle laterali.
in altezza o in larghezza?
-- 
dipende

in altezza o in larghezza?
Credo intenda in altezza.
Cmq si può risolvere (tramite uno script...) domani posto come:)
bye

 Cmq si puň risolvere (tramite uno script...) domani posto come:)
ecco qui Luca, direttamenta dalla BazzList, come richiesto :D
http://www.egraphics.it/pub/3colonneauto.html
ciao
-- 
Kappa [co-mod ICWA]
kappa(at)
webngo.net
www.webngo.net
www.filmscoop.it

 Cmq si puň risolvere (tramite uno script...) domani posto come:)
beccato il tuo script, tramite il post di Kappa.
l'ho "smembrato" e reso non parametrizzabile (si puň dire cosě?).
il tuo script aveva uno strano comportamento, sul mio layout, su mozilla creava
un grosso margine tra il gruppo colonne e i footer.
ho raggirato il problema impostando l'altezza anche del blocco colonne.
grazie per la dritta! :)
ora ho le colonne tutte della stessa altezza.


 beccato il tuo script, tramite il post di Kappa.
nei thanks scrivi grazie a Kappa per aver riportato il post di Luca :P
byek


 nei thanks scrivi grazie a Kappa per aver riportato il post di Luca :P
ok ok... ci sei! :)


 ok ok... ci sei! :)
LOL grazie, la mia cmq era solo un battuta, cmq mi fa piacere esserci ;)
ciao


LOL grazie, la mia cmq era solo un battuta, cmq mi fa piacere esserci ;)
Grazie per il post :D
bye