Salve a tutti !!
Volevo sapere come è possibile realizzare questo:
http://www.csszengarden.com/?cssfile...213.css&page=0
Cioè fare in modo che il footer segui lo scroller della pagina...
Qualcuno saprebbe darmi un indicazione ??
Grazie davvero !!!
Ciao !!!!!
O meglio.. che non segui lo scroller della pagina ma che rimanga fisso....
...basta guardare il codice della pagina...
#extraDiv2
{
background-image:url(bottom.png);
background-position:center center;
background-repeat:no-repeat;
bottom:0;
height:200px;
position:fixed;
width:100%;
z-index:5;
}
In particolare:
bottom:0; posiziona il div in basso
position:fixed; blocca la posizione
z-index:5; pone il div davanti al resto della pagina...
Grazie !!!
E grazie per la spiegazione in dettaglio ( utilissima !!) davvero !!
Solo che non mi carica l'immagine a meno che non la metto come body{...} e questo ovviamente cambia tutto...
Forse salto qualche passaggio prima o l'ID che metto è sbagliato... anche leggendo la guida in questo sito mi sfugge come posso far apparire l'immagine !!
Grazie 'puzzola' !!! =)
Ciao !!
se posti il codice della tua pagina e relativo fogli di stile si può trovare dov'è l'errore...
Ciao !!!
Ecco.. incollo il codice ... la foto è salvata nella stessa cartella dove è salvato il file di Dreamweaver.. ma non la carica..
<style type="text/css">
body, html {margin: 0px; padding: 0px;}
body {
background-color:#669900;
margin:0;
padding:0;
text-align:center;
}
#header-photo {
background-color:#FFFFFF;
background-image:url(myphoto.jpg);
background-position:left top;
background-repeat:no-repeat;
border-bottom:5px solid #FFFFFF;
border-top:5px solid #FFFFFF;
clear:both;
height:200px;
margin:0 0 0 27px;
padding:0;
width:762px;
}
body, input, textarea, select {
font-family:Arial,Helvetica,sans-serif;
}
p {font: 12px Verdana, arial;}
h1 {color: white;}
h2 {color: black;}
h3 {color: red;}
</style>
<body>
</body>
</html>
Non hai messo l'html...ma vado a intuito...
Non è che il div dove c'è l'immagine è vuoto?
mettici qualcosa dentro...
Sul sito che hai postato hanno messo uno <span /> per esempio...
Poi se hai altro da metterci meglio ancora...
Potresti anche mettere l'immagine come <img> e non come sfondo...
Metti sfondo trasparente nel div e l'immagine dentro...
Io però preferirei mettere un contenuto...
Se non è questo posta l'html e vediamo...
Grazie !!! Ho messo l'immagine usando <img>.. ho usato poi le parole chiave center center; solo che se in Explorer viene ben centrata, in Mozilla viene centrata ma sposata tutta in alto e tagliata dal margine superiore della finestra...
Come si può risolvere questo??
Non so ancora perchè preferiresti riempire il div, ma comunque lo farò e magari userò il transparent, per quanto riguarda lo <span/>...devo ancora leggerlo e scoprirlo...
Grazie !!!
invece io faccio una domanda simile..
voglio che il footer rimanga sempre in fondo alla pagina, sia che abbia una pagina con pochi contenuti, sia che compaia la barra di scorrimento..
Permessi di invio
Rispondi quotando