Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    forzare immagine di sfondo in basso alla finestra

    salve ragazzi,
    premetto che ho già visto nel forum i topic che trattavano il mio problema

    http://forum.html.it/forum/showthrea...readid=1351619

    ed anche questo
    http://matthewjamestaylor.com/blog/k...om-of-the-page

    ma purtroppo nn sono riuscito a risolvere il mio problema.

    In pratica, devo "forzare" il posizionamento di una immagine di sfondo nella parte bassa del browser e purtroppo nn ci sono riuscito...

    Utilizzando questo codice:
    codice:
    html {
    overflow: auto;
    }
    
    BODY {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #f7be6c;
    text-decoration: none;
    text-align: center;
    background-color: #ab4e2f;
    margin : 0; 
    padding : 0; 
    width : 100%; 
    height: 100%;
    overflow: auto;
    }
    
    
    #container {
    position: relative;
    width:100%;
    margin:0 auto;
    padding:0px;
    min-height:100%;
    }
    
    
    #bg {
    padding: 0px;
    margin: 0 auto;
    width: 100%;
    background: url(../img/bkg_top.gif) top center repeat-x;
    height: 100px;
    z-index: 2;
    left:0;
    top:0;
    }
    
    #bg_flash_book {
    padding: 0px;
    margin: 0 auto;
    background-color: #ab4e2f; 
    background: url(../img/bkg_flash_book.gif) top center no-repeat;
    height: 220px;
    z-index: 0;
    }
    
    #contenitore {
    width:775px;
    margin:0 auto;
    padding:0px;
    }
    
    #colonna_sx {
    float: left;
    padding: 0px;
    margin: 5px 5px 0 0;
    width: 49%;
    min-height: 300px;
    text-align:left;
    overflow: auto;
    }
    
    #colonna_dx {
    float: left;
    padding: 0px;
    margin: 5px 0 0 5px;
    width: 49%;
    min-height: 300px;
    text-align:left;
    overflow: auto;
    }
    
    
    #footer {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:150px;
    margin: 0 auto;
    padding: 0px;
    background: url(../img/bkg_bottom.png) bottom center repeat-x;
    color: #6a3828;
    font-weight: bold;
    }
    ottengo questo risultato
    e cioè il testo va sotto l'immagine di sfondo..invece quest'ultima deve scorrere con tutto il resto.


    Se invece utilizzo il position ABSOLUTE, ottengo quest'altro risultato:



    Avete idea di come poter risolvere il mio problema ?!
    Hotel a Milano::Cerca il tuo alloggio a milano;
    IBeds::Cerca il tuo alloggio in italia con il cellulare;
    Hotel a Roma::Cerca il tuo alloggio a roma;
    Hotel a Venezia::Cerca il tuo alloggio a venezia;

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2009
    Messaggi
    4
    Scusa, la pagina è già on-line da qualche parte?
    Se si, puoi inserire il link che provo a darci un occhio?

  3. #3
    ciao,
    scusa il ritardo..ma forse ho risolto..

    Cmq, ho messo online il lavoro, in uno spazio di test http://djptest.com/hdateo

    Hotel a Milano::Cerca il tuo alloggio a milano;
    IBeds::Cerca il tuo alloggio in italia con il cellulare;
    Hotel a Roma::Cerca il tuo alloggio a roma;
    Hotel a Venezia::Cerca il tuo alloggio a venezia;

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2009
    Messaggi
    4
    Su Firefox si vede bene, credo fosse quello che cercavi di fare, giusto?
    Anche se non ho ben capito cosa non andava dalle immagini, mi spiace di non esserti stato utile, ma se hai risolto da solo tanto meglio.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.