Visualizzazione risultati 1 fino 5 di 5

Discussione: div con immagine

  1. #1
    Guest

    Predefinito div con immagine

    Ciao
    mi dite dove sbaglio?
    Con la tecnica per centrare un div ho inserito come sfondo un immagine che si ripete. ho dato la larghezza esatta dell'immagine e poi all'interno del div ho inserito altri div tipo assoluto. Ho giocato con un altra immagine per dare il colore totale a tutto lo spazio web. Quindi ho ottenuto lo stesso effetto di pagina (che mi piace molto) (http://aethra.businessfindershop.it/default.html) centrata immagine e colorato lo sfondo.
    Il problema è che vedo le barre laterali (poichè ho dovuto impostare l'altezza a 800px, questo per allungare l'immagine ) e l'immagine risulta tagliata. Come posso fare per non vedere più la barra laterale e quindi non vedere lo stacco tra sfondo e immagine tagliata?

    mamma mia speriamo che abbiate capito la mia mente contorta. Grazie mille a tutti

    vi mando il link della pagina che ho creato (inserisco il file.css)
    http://starblazer.altervista.org/

    Codice:
    #corpo {
    width:822px;
    background-image: url(sfondoae.gif);
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    height: 700px;
    background-repeat: repeat-y;
    }
    #corpo #testata {
    position: absolute;
    left: 94px;
    top: 3px;
    width: 790px;
    height: 103px;
    }
    #corpo #post {
    position: absolute;
    left: 301px;
    top: 109px;
    width: 583px;
    height: 417px;
    }
    #corpo #copy {
    position: absolute;
    left: 94px;
    top: 530px;
    height: 63px;
    width: 790px;
    }
    #corpo #sotnav {
    position: absolute;
    left: 94px;
    top: 332px;
    width: 203px;
    height: 195px;
    }
    
    #corpo #nav {
    position: absolute;
    left: 94px;
    top: 109px;
    width: 203px;
    height: 220px;
    }
    [DS] Usa i tag di codice quando ne riporti ampi stralci, si legge meglio... e non esce un post kilometrico :-)
    Ultima modifica di dementialsite : 17-09-2007 alle ore 15.28.56

  2. #2
    Ospite Guest

    Predefinito

    Al link che hai postato io vedo soltanto la pagina predefinita di AlterVista che avvisa dell'assenza della index.
    Potresti postare un link preciso alla pagina d'interesse?

  3. #3
    Guest

    Predefinito

    si hai ragione scusa. ti rimetto on line il sito e ho fatto una modifica. ho eliminato i tag div interni altrimenti ti faccio un diavolerio. Spero mi hai capito cosa intendo. vorrei vedere la pagina senza taglio sotto ma deve essere un blocco unico. modioficando le altezze ci si riesce ma non è una cosa fatta bene secondo me perchè quando inserisco testi che necessitano di più altezza mi si vede quel brutto effetto. Inoltre adesso noto che il div non è centrato. bo....ciao e grazie http://starblazer.altervista.org/
    ti posto il css :
    #corpo {
    background-image: url(sfondo.gif);
    left: auto;
    top: 0px;
    right: auto;
    bottom: 20px;
    width: 822px;
    background-repeat: repeat-y;
    text-align: center;
    height: 600px;
    }

  4. #4
    Ospite Guest

    Predefinito

    Prova:
    Codice HTML:
    #corpo {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background-image: url(sfondo.gif);
    width : 822px; 
                 position: absolute;
                 margin-left: -411px;
          left: 50%;
    
    
    
    	background-repeat: repeat-y;
    	text-align: center;
    
    }

  5. #5
    Guest

    Predefinito

    sei un grande grazie davvero

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •