Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    5

    Immagine di sfondo che si ripete fino ad un certo punto

    Ciao Ragazzi, ho un problema con una immagine di sfondo,
    l'immagine viene ripetuta all'interno di un livello contenitore sull'asse y,
    Ma invece di ripetersi per tutta la lunghezza del div,
    si ripete solo fino ad un certo punto, esattamente fin dove termina il livello situato sopra di essa!

    Spiego meglio con l'allegato per farvi capire la struttura del sito

    L'immagine è inserita come sfondo ripetuto nel DIV contenitore, ma viene ripetuta solo per l'altezza del DIV float:right

    Ho provato con un'immagine abbastanza alta da non essere ripetuta, ma il risultato è uguale, si vede solo fino la fine del DIV float:right

    Potete aiutarmi, è già successo a qualcuno un problema simile?
    grazie
    Immagini allegate Immagini allegate

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    puoi postare il tutto il css relativo all'elemento #contenitore?
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    5
    certo:
    #contenitore{
    background-image:url("images/bg-main.jpg");
    background-repeat:repeat-y;
    width: 822px;
    margin:0 0 0 11px;
    padding:0 0 0 18px;
    }

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    modifica così

    codice:
    #contenitore{
    background-image:url("images/bg-main.jpg");
    background-repeat:repeat-y;
    width: 822px;
    margin:0 0 0 11px;
    padding:0 0 0 18px;
    
    height: auto;
    overflow: hidden;
    }
    se non va posta un link alla pagina.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    5
    Grazie Funziona!

    E' bastato aggiungere
    overfow:hidden;

    Come mai si verifica? un CSS bug?

  6. #6
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente inviato da alealex
    Grazie Funziona!

    E' bastato aggiungere
    overfow:hidden;

    Come mai si verifica? un CSS bug?

    no, è il comportamento atteso.

    se un contenitore contiene blocchi flottati questi ultimi escono dal normale flusso dei posizionamenti e di fatto è come se rendessero vuoto il contenitore in cui sono annidati. quindi per dare la giusta dimensione al contenitore si deve applicare un "clearing" (cerca sul forum/link utili per approfondire)
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  7. #7
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    5
    Ok, grazie per l'approfondimento, e per avermi aiutato a risolvere questo problema...

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.