[cssdesign] Header fisso senza frame

[Diego La Monica]

Ciao Angelo,
  ipotizzando che il tuo header sia in un DIV, attribuisci all'elemento
position: fixed, e width: 100% ( o quella che reputi più opportuna), dai un
altezza fissa e poi  ricordati di dare un margin-top all'elemento subito
successivo che sia almeno dell'altezza dell'header altrimenti verrà posto
sotto al div di intestazione.

Un esempio:
...
<div id="header">
   <h1>Header del mio sito</h1>
</div>
<div id="contents">
   <p>
      La parte superiore rimane fissa anche se il resto scrolla...
   </p>
</div>
 ...

il CSS sarà così costituito per questi due elementi:

#header{
   position: fixed;
   height: 3em; /* un'altezza a caso ho messo */
   width: 100%;
}

#contents{
   margin-top: 3em; /* altezza dell'header così da non venir nascosto da
#header */
}

...

Questo è quanto.
Spero che il suggerimento possa darti lo spunto giusto...
facci sapere come va a finire, che qui c'è tanta gente curiosa! :-)
Magari postaci al termine del lavoro l'url così da renderci partecipi della
tua soddisfazione. ;-)

Buon Lavoro.

On 18/01/2008, Angelo Gelmi - Web3king <iwm a web3king.com> wrote:
>
> Un cliente mi ha chiesto di sviluppargli il sito con l'header fisso in
> alto anche se la pagina diventa molto lunga.
> Vorrei evitare l'uso dei frame e pensavo di ottere questo effetto con i
> css.
> Qualcuno mi puo' indicare qualche dritta o sito internet per
> approfondire il discorso?
>
> Grazie,
>
> --
> §**=======*====*====*====*=*§*=*====*====*====*=======**§
> Angelo Gelmi
> email: iwm a web3king.com
> URL: http://www.web3king.com/
> Linux's registered user nr. #203747
> There's no place like 127.0.0.1
> §**=======*====*====*====*=*§*=*====*====*====*=======**§
>
> _______________________________________________
> cssdesign mailing list
> cssdesign a itlists.org
> http://itlists.org/mailman/listinfo/cssdesign
>



-- 
--
Diego La Monica (IWA/HWG)
Web: programmazione, standards, accessibilità e 2.0
W3C Protocols and Format Working Group member for IWA/HWG
Web Skill Profiles WG Member (http://skillprofiles.eu )

email: me a diegolamonica.info - Skype: diego.la.monica
mobile +393337235382 - Web: http://diegolamonica.info - http://jastegg.it [
Le uova si sono schiuse! ]
-------------- parte successiva --------------
Un allegato HTML è stato rimosso...
URL: http://itlists.org/pipermail/cssdesign/attachments/20080118/3f6a97da/attachment.htm