Visualizzazione dei risultati da 1 a 3 su 3

Discussione: posizionare un div

  1. #1

    posizionare un div

    Allora, sto rifacendo uno dei miei siti, senza tabelle.

    nella versione a tabelle ho un'immagine sotto il menu che cambia per ogni pagina. Là avevo risolto con una tabella e uno sfondo immagine.

    Ora, nella versione senza tabelle, ho inserito quindi un div con lo sfondo in questione. Ma l'immagine appare sempre qualche px sopra al bordo inferiore.

    Sto risolvendo così:

    codice:
    #home {background-image: url(img/home.jpg);
    
    width: 178px;
    
    height: 180px;
    
    background-repeat: no-repeat;
    
    background-position: bottom center;
    
    margin:0px auto;
    
    margin-top: 42px;}
    #mappa {background-image: url(img/mappa.jpg);
    
    width: 178px;
    
    height: 180px;
    
    background-repeat: no-repeat;
    
    background-position: bottom center;
    
    margin:0px auto;
    
    margin-top: 42px;}
    #condizioni {background-image: url(img/condizioni.jpg);
    
    width: 178px;
    
    height: 180px;
    
    background-repeat: no-repeat;
    
    background-position: bottom center;
    
    margin:0px auto;
    
    margin-top: 297px;
    }
    #faq {background-image: url(img/faq.jpg);
    
    width: 178px;
    
    height: 180px;
    
    background-repeat: no-repeat;
    
    background-position: bottom center;
    
    margin:0px auto;
    
    margin-top: 1849px;
    }
    #chisono {background-image: url(img/chisono.jpg);
    
    width: 178px;
    
    height: 180px;
    
    background-repeat: no-repeat;
    
    background-position: bottom center;
    
    margin:0px auto;
    
    margin-top: 42px;
    }
    ma comunque per pagine lunghe sballa e su IE sballa comunque...

    Avete consigli?
    Grazie
    Ludus

  2. #2
    prova a dargli al div anche overflow:hidden;

    vedi un po' quello che succede...questo serve a fare in modo che se l' img è piu grande del contenitore essa viene cmq mantenuta all' interno delle dimensioni del div subendo un troncamento....

    spero di essere stato chiaro (mi rendo conto di esssermi un po' infrenato!!)

  3. #3
    Originariamente inviato da ashtur1
    prova a dargli al div anche overflow:hidden;

    vedi un po' quello che succede...questo serve a fare in modo che se l' img è piu grande del contenitore essa viene cmq mantenuta all' interno delle dimensioni del div subendo un troncamento....

    spero di essere stato chiaro (mi rendo conto di esssermi un po' infrenato!!)
    ok, grazie, ci provo e ti faccio sapere. L'iimg è cmq di 178 px larga, e il div della colonna di destra è almeno 200 px.
    Ludus

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.