Newsgroup: it.comp.www.html
Titolo: CSS - emulazione frame.

Salve a tutti, ho un problema che mi piacerebbe risolvere.
Un vecchio sito, strutturato con un frame-testata, un frame-menusx e
un frame-content, lo vorrei ridisegnare sfruttando inclusioni in asp e
box css per veicolare i contenuti. Il "committente" (le virgolette
sono d'obbligo), pero', richiede che ci sia l'effetto "la testata e il
menu a sx restano fissi mentre il contenuto scrolla", con annessi e
connessi.
Ho provato a sfruttare display:overflow, ma per inizializzare un <div>
con questa proprieta', sono costretto a settare un'altezza fissa in
pixel. Questo non consente di ridimensionare la pagina, ne' di
visualizzarla a risoluzioni diverse da quella che stabilisce "il
designer". Cosa che non tollero troppo.
Il "fissare" i due div di navigazione (testata e menu-sx), l'ho
escluso subito, perche' IE non legge questa particolare proprieta', e
il committente, sempre lui, usa IE per navigare, tra l'altro una
vecchia versione, se non sbaglio il 5.
Vorrei evitare l'utilizzo di javascript, ma se mi consentono una
soluzione pulita, son disposto a "scendere a compromessi".
Come posso fare?
Grazie mille.

 connessi.
Secondo me hai due soluzioni possibili:
- spieghi al committente che sei tu l'esperto e non lui, e che la cosa
va fatta cosi` e cosa` e non come vuole lui, per questi e quei motivi.
- lasci il sito a frame
Anche perche` se lui usa IE5 e tu vuoi farlo compatibile col 65% delle
persone dovrai farlo almeno per IE6. Se vuoi un altro 10% per Mozilla, e
per un altro 5% con Opera e KHTML. E questo causa gravi mal di testa.
E manca ancora la parte IE5.5 e IE/Mac...
Io personalmente faccio siti compatibili con IE6/Mozilla, e se non
funzionano con IE5 dico di aggiornare a IE6 o, meglio, a
Mozilla/Firefox.
Bye.

 connessi.
Be', su browser standard (Mozilla, Opera ecc...) la soluzione è banale:
basta inserire un position:fixed nei div che vuoi mantenere fissi.
Qualche lavoro in più (ma neanche troppo) va fatto su IE,
in cui occorre sfruttare la proprietà overflow-y.
E' il sistema che ho usato in questa pagina, per esempio:
http://www.southaphoss.it/Links/
MaRoK

 in cui occorre sfruttare la proprietà overflow-y.
Si ma, come avrai notato anche tu, il testo scorre sotto i box fixed, e
la barra prende tutta la finestra, generando confusione.
Inoltre mi pare ci siano problemi con Explorer, con i form. Se non
ricordo male non rispettano lo z-index e stanno comunque sopra a tutto
il resto, quindi quando scrolli vanno a sovrapporsi all'header. L'avevo
letto in un sito, non ho mai provato di persona.
Bye.

 L'avevo letto in un sito, non ho mai provato di persona.
Uso questo sistema da quattro anni a questa parte
sulla maggior parte dei miei siti, e non ho mai avuto problemi
(ovviamente non ho mai considerato il browser Netscape4
degno di una seppur minima rilevanza).
MaRoK

 .

 lista di link (5,10,20?) e tutto il resto e delegato ai CSS.
Infatti "sottrarre" un menu all'html è una scelta che va fatta con
molta attenzione.
Generalmente io sono favorevole a mettere in cache un menu tramite
javascript SE il menu E' fatto in javascript (es: menu a scomparsa).
In questi casi abbiamo a che fare con codice generalmente pesante
(es:10kb) che sarebbe COMUNQUE illeggibile per i motori di ricerca:
tantovale inserirlo in cache.
Volendo utilizzare un menu di questo tipo, il mio consiglio è quello di
testare sempre il sito con javascript non attivo (o poodle predictor):
se il sito rimane navigabile ha la mia benedizione.
MaRoK