Newsgroup: it.comp.www.html
Titolo: Layout fluido con i css

A seguito delle interessanti discussioni sull'utilizzo di display:block
per fare dei link che si illuminano con tutta la casella e anche grazie
alla lettura di articoli pubblicati su alcuni siti citati mi pare
proprio in quel thread (
www.alistapart.com
) ho finalmente completato il
restyling del mio sito.
Ho definitavemente abbandonato il layout basato su frame e tabelle e ora
utilizzo esclusivamente il box-model dei css.
Ho cercato di ottenere un layout semi-fluido (le due colonne laterali
hanno larghezza fissa mentre la colonna centrale e anche tutta la pagina
dovrebbero adattarsi alle dimensioni della finestra), l'ho provato con
Mozilla1.0 e IE6 e tutto funziona correttamente alle risoluzioni di
640x480 e 800x600.
Gradirei che ci deste un'occhiata (magari anche con dei browser
diversi e con risoluzioni diverse), in modo da avere un feedback.
'nzomma ditemi cosa ne pensate, anche dal punto di vista della 
accessibilità/navigabilità.
L'indirizzo è nella firma.
-- 
  _  _ >>Now on Linux<<  _     ||              Home Page:
 | \| |___ _____ ___ ___|_|___ ||  
http://digilander.iol.it/nemesis2001
 | .` | -_|     | -_|_ -| |_ -|||     e niente sarà più come prima ...
 |_|\_|___|_|_|_|___|___|_|___|||            ... o quasi ;)

 ha scritto nel messaggio
news:50bisa.2a.ln@Nemesis...
| Gradirei che ci deste un'occhiata (magari anche con dei browser
| diversi e con risoluzioni diverse), in modo da avere un feedback.
| 'nzomma ditemi cosa ne pensate, anche dal punto di vista della
| accessibilità/navigabilità.
Con Ie 5.5 a 1024x728 va bene, però con opera 6.01 il menu si trova tutto
a destra.Praticamente sopra alle scritte che specificano la
sezione(tesi,codice,ecc.)
Inoltre la "tabella" dei link e di conseguenza l'hover, sono lunghi solo
come il testo.
Bye Cico
P.s. Ho anche io un problemino con td hover in Opera:
tra poco posterò

 L'indirizzo è nella firma.
Ti confermo che con Opera6.05 (la versione più stabile della major 
release 6)  il menu si presenta a sinistra e mal formattato, il background 
della pagina è quello utente (giallo nel mio caso) e non bianco come 
forse desideri impostarlo. 
bye
armaged

 forse desideri impostarlo. 
Ops, mi hai fatto rendere conto che non avevo impostato il background
:-)


 che la versione 7 da questo punto di vista dovrebbe essere migliore.
E infatti ho provato e con Opera7 e funziona, ho dovuto correggere
qualche piccola magagna, ma per il resto il risultato è del tutto
analogo a quello ottenuto con IE6 e Mozilla.
A questo punto chiedo a voi. C'è qualcuno che conosce un modo per far
posizionare correttamente sulla destra la "tabellina" (in realtà è un
div) con i link?


 E infatti ho provato e con Opera7 e funziona ...
[cut]
Arieccomi qua dopo qualche altro cambiamento.
Ho modificato un pò di cose e ora la visualizzazione è praticamente
esatta anche con Opera 6.
Come al solito vi chiedo se potete dirmi cosa ne pensate e se me lo
testate anche con altri browser. Io finora ho provato con Mozilla1 e
Opera 6 per Linux e IE6 per Windows.
Mi farebbe piacere anche se mi deste qualche dritta per la scelta dei
colori dei vari elementi, quelli che uso al momento non mi soddisfano
molto, ma purtroppo sono un pessimo grafico quindi più di tanto non
riesco ad immaginare accostamenti piacevoli.
L'indirizzo come al solito è in sign.
Un'ultima cosa, vorrei ringraziare deelan per aver segnalato
www.constile.org
, è un sito molto ben fatto è con molti articoli
interessanti, peccato che questi ultimi siano visualizzabili
esclusivamente on-line, per uno come me che non ha un flat è un pò
scomodo.
-- 
|\ |       <-> http:/
digilander.libero.it/nemesis2001
| \|emesis <->         Fatti! non pugnette!

 scomodo.
figurati, io l'ho  pescato da
it.lavoro.professioni.webmaster.
ciao.
-- 
goldicus1970 AT 
yahoo.it
http://www.netspyke.com/deelan

 scomodo.
Ciao, sono Gianluca Troiani curatore unico di .ConStile.
Vorrei ringraziarti per i complimenti e domandarti in quale altro modo
vorresti che pubblicassi gli articoli. Comunque le pagine possono
essere comodamente stampate.

 essere comodamente stampate.
Ciao Gianluca!
Complimenti d'obbligo per il sitone ... da me pompato su vari NG ;-)
Continua cosě!
Cla
-- 
www.claudioerba.com
 - Consulenza web per l'azienda
www.spaghettibrain.com
 - PHPNUke Italian Mirror (Da oggi anche Hosting!)
www.spaghettilearning.com
 - Piattaforma open Source per l'E-Learning
My ICQ: 14187053
--

 essere comodamente stampate.
Ciao Gianluca,
complimenti anche da me per il tuo ottimo e utile sito.
L'unico difetto a mio modo di vedere e' questo:
<meta http-equiv="Cache-Control" content="no-cache" />
Ciao
Max

Disinteressandosi completamente del fatto che l'entropia dell'universo
 è in costante crescita Gianluca Troiani l'ha aumentata dicendo:

Ad avercela la stampante funzionante... ;-)
Cmq a parte gli scherzi andrebbe bene anche che ne so una cartella
contenente tutto gli htm e cose collegate (ovviamente zippate) oppure
magari un bel pdf ;-)
Cmq ora come ora mi sorge un dubbio, gli articoli sono tutti su un'unica
pagina oppure ce ne sono alcuni spezzati? perchè in effetti nel primo
caso non ci sono grossi problemi ad archiviare la pagina e tutti i
contenuti, nel secondo caso il discorso si fa più delicato.


 magari un bel pdf ;-)
avendo scritto gli articoli in xhtml non e' poi cosi impensabile
buttare giu un XSLT per trasformarli automaticamente in PDF. ad
esempio NFOP per maverick fa proprio questo.
maverick:
http://mavnet.sourceforge.net/
download di maverick & nfop:
http://sourceforge.net/project/showfiles.php?group_id=59260
devo ancora studiare i dettagli di NFOP
ma IMO ' fattibile.
codificare tutto in xhtml ha i suoi vantaggi.


 Max
Saluti

 pagina oppure ce ne sono alcuni spezzati? 
Pagina unica -- guida di base ai CSS esclusa -- ritengo sia piů comodo per l'utente.
Saluti
Gialuca Troiani
--------------------------------
blog: 
http://geco.constile.org/
www: 
http://www.constile.org/

 Tolto. Ma certo non era l'unico difetto.
A mio giudizio il tuo sito e' di ottimo livello per navigabilita' e
chiarezza nell'esposizione dei contenuti.
E' di buon livello per quanto riguarda la grafica, in particolare mi piace
la scelta dei colori che non affatica la vista, eccetto quelli dei links.
A parte queste personalissime considerazioni, registro un'anomalia nella
quarta e quinta sezione del tutorial sui css, dove il menu di sinistra con
IE6 si sposta in basso, sempre a sinistra ma a fondo pagina e la pagina
scrolla con difficolta' (a scatti).
Ciao
Max

 magari un bel pdf ;-)
Per ogni articolo ho reso disponibile un'archivio ZIP contenente
l'articolo in PDF (stampato da Mozilla 1.1) ed eventualmente file di
esempio, CSS e altro.
Saluti

 quarta e quinta sezione del tutorial sui css, dove il menu di sinistra...
Ehm...il menu di destra ovviamente!
Max

 Pagina unica -- guida di base ai CSS esclusa -- ritengo sia più comodo per l'utente.
Ah ecco, allora ricordavo bene, visto che io stavo proprio leggendo
la guida base ai CSS.


 esempio, CSS e altro.
Splendido, corro a prendere qualcosa :-)
