footer particolare sempre in basso

[motorcycle]

Ciao a tutti,
non riesco a capire il metodo per fare un footer come quello che c'è in questo sito.

In pratica vorrei che rimanesse sempre in fondo alla finestra del browser e in primo piano a tutto, anche se il contenuto è molto lungo e si scorre la pagina.



Ho provato a guardare il codice, ma è un bel po' incasinato per me...

grazie mille
ciao ciao

[Antonio85]

Bello questo sito...
Come è stato fatto il menù di sinistra? Quello è semplice testo e non immagini come pensavo. E poi a posizionarlo in quel modo...

[rebelia]

al div che contiene il testo, dai larghezza, altezza e oveflow: auto; e posizioni in maniera assoluta gli altri elementi; in questo modo ottieni un effetto come quello desiderato

[motorcycle]

<div id="addInfo"> 
<object type="application/x-shockwave-flash" data="flugrekorder.swf" width="1" height="1">
<param name="movie" value="flugrekorder.swf" />
</object>
</div>

<div id="bodyAdd3"></div>
<div id="bodyAdd4"></div>
<div id="bodyAdd5"></div>
<div id="bodyAdd6"></div>
<div id="bodyAdd7"></div>
<div id="bodyAdd8"></div>

Nella pagina sia in alto che in basso ci sono questi div definiti nel CSS che hanno come sfondo delle img .png. Ho provato a riprodurre l'effetto su altre pagine ma non riesco a capire il funzionamento che va tranquillamente sia con IE che con Firefox.
Poi ci dev'essere un javascript che fa ridimensionare la pagina in automatico.
Aldilà della grafica lo trovo molto ben fatto.


Questa è una piccola parte del css

#bodyAdd3 {
/* FLUGREKORDER nicht öffnen */
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 268px;
  height:  69px;
  margin: 0;
  padding: 0;
  background-image: url(blackbox.png);
  z-index: 25;
}
#bodyAdd3[id] {
  position: fixed;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #bodyAdd3{
  background-image: url(tpixel.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='blackbox.png');
}
/* end filter */

#bodyAdd4 {
  position: absolute;
  left: 268px;
  top: 4px;
  width: 15px;
  height: 1200px;
  margin: 0;
  padding: 0;
  background: url(frame_left.gif) repeat-y;
  z-index: 25;
  top:expression(body.scrollTop  + 4 + "px");
}
#bodyAdd4[id] {
  position: fixed;
}

#bodyAdd5 {
  position: absolute;
  left: 931px;
  top: 94px;
  width: 15px;
  height: 1200px;
  margin: 0;
  padding: 0;
  z-index: 25;
  background:  url(frame_right.gif) repeat-y;
}
#bodyAdd5[id] {
  position: fixed;
}

#bodyAdd6 {
  /* untere Contentbegrenzung (Copyright) */
  position: absolute;
  left: 268px;
  bottom: -1px;
  width: 678px;
  height:  88px;
  margin: 0;
  padding: 0;
  background: url(unten.gif);
  z-index: 200;
}
#bodyAdd6[id] {
  position: fixed;
}

Non c'è nessuno che mi può aiutare?
Grazie mille
ciao ciao

[motorcycle]

non avevo visto la tua risposta...

Adesso provo
grazie

[motorcycle]

al div che contiene il testo, dai larghezza, altezza e oveflow: auto; e posizioni in maniera assoluta gli altri elementi; in questo modo ottieni un effetto come quello desiderato

Ciao, ho provato. Il risultato +/- è lo stesso solo che la barra di scorrimento viene applicata solo al div del testo mentre in quel sito rimaneva comunque quella principale della finestra del browser.

Così facendo, in percentuale, si ha la banda di scorrimento attiva del div affiancata a quella "disabilitata" perché non serve della finestra del browser, non è proprio bello come effetto.


Comunque grazie, può andare bene per altre soluzioni

[rebelia]

hai ragione

e posizionando i 3 div "di contorno" in maniera assoluta e dando z-index in modo che stiano sopra all'altro?

non ho provato, ma cosi' a naso forse funziona

[zoom]

non ho guardato il codice, ma così a occhio secondo me usano il fixed per tutti i div tranne sul centrale.
Inoltre applicano un codice Js per simulare il fixed in IE...
ripeto, senza guardare il codice...
e secondo me è decisamente troppo pesante...
firefox sul mio computer fa fatica a refreshare quando scrollo la pagina... lo scorrimento non è fluido

[motorcycle]

mah, ho fatto un po' di prove.

Se al div del testo tolgo l'overflow e lo faccio sormontare dagli altri 3 di contorno, lo stato iniziale è ok però quando scorro la pagina scorre tutto. Io vorrei che i 3 (testa, piede e banda sx) rimanessero fermi così come accade giustamente mettendo l'overflow al div testo, l'unica cosa è che non sta molto bene la seconda banda...


Nel CSS del sito di esempio ho visto che hanno dichiarato come posizione dei div "fixed" che però a me non prende.

:master:

[motorcycle]

non ho guardato il codice, ma così a occhio secondo me usano il fixed per tutti i div tranne sul centrale.
Inoltre applicano un codice Js per simulare il fixed in IE...
ripeto, senza guardare il codice...
e secondo me è decisamente troppo pesante...
firefox sul mio computer fa fatica a refreshare quando scrollo la pagina... lo scorrimento non è fluido

ah ok, quindi position:fixed è valida solo per firefox...