Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it L'avatar di elyy82
    Registrato dal
    Jul 2007
    Messaggi
    61

    problema visualizzazione sfondo

    Ciao, ho un problema con la visualizzazione di uno sfondo con Firefox;
    penso che il problema sia dovuto al fatto che nel div in questione ho uno scroll verticale dlla pagina, perchè nelle restanti pagine del sito in cui nn c'è lo scroll lo sfondo si vede.
    vi posto il codice:
    HTML
    <div id="contenuto_interno">
    <p class="testo">Testo testo...</p>
    </div>


    CSS:
    #contenuto_interno{
    position:absolute;
    left:481px;
    top:85px;
    width:421px;
    height:421px;
    background-color:#FFFFFF;
    background-image:url(immagini/sfondodx-interno.jpg);
    background-repeat:no-repeat;
    overflow-y:scroll;
    overflow-x:hidden;
    background-attachment:fixed;
    }

    C'è qualche regola css che devo applicare?Ripeto, il problema è solo con Firefox;si vede bianco e nn mi si vede l'immagine di sfondo.
    Chi mi aiuta??

  2. #2
    togli il background-attachement e si vedrà benissimo
    il fatto è che prima si vedeva ma era nascosta verso sinistra, prova con un' immagine grande e lo capirai
    Luca Pennisi - Web Marketing Specialist

  3. #3
    Utente di HTML.it L'avatar di elyy82
    Registrato dal
    Jul 2007
    Messaggi
    61
    Ma come???
    Dimmi un pò se vedi lo sfondo in questa pagina...http://www.elisacarlini.altervista.org/servizi.htm

  4. #4
    io non lo vedo, fa come ti ho detto e funzionerà alla grande, ma per ottenere l' effetto fixed potresti fare come ti ho detto per quel div e poi ce ne annidi dentro uno con lo scroll e il testo che vuoi inserire + lo sfondo trasparente (così si vedrà quello sotto)

    ps: ricordati di togliere anche lo scrolling al primo div
    Luca Pennisi - Web Marketing Specialist

  5. #5
    <html>
    <head>
    <title>Untitled</title>
    <style type="text/css">
    #contenuto_interno{
    position:absolute;
    left:481px;
    top:85px;
    width:421px;
    height:421px;
    background-color:#FFFFFF;
    background-image:url(immagini/sfondodx-interno.jpg);
    background-repeat:no-repeat;
    }
    #fok{
    width:421px;
    height:421px;
    background: transparent;
    overflow-y:scroll;
    }
    </style>
    </head>
    <body>
    <div id="contenuto_interno">
    <div id="fok"><p class="testo">Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl

    Testo testofhyrktuikfhjkgjlklkl
    </p></div>
    </div>

    ecco il codice, l' ho anche testato e funziona!!!
    Luca Pennisi - Web Marketing Specialist

  6. #6
    Utente di HTML.it L'avatar di elyy82
    Registrato dal
    Jul 2007
    Messaggi
    61
    Grazie millleeeee!! Funge!

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.