Visualizzazione dei risultati da 1 a 8 su 8

Discussione: problema fixed

  1. #1
    Utente di HTML.it L'avatar di lloyd27
    Registrato dal
    Mar 2006
    Messaggi
    256

    problema fixed

    salve a tutti,
    premettendo che i css ed io non siamo proprio amci, però siamo in convivenza forzata, avrei da proporvi un problema:
    in pratica dovrei posizionare un div fisso nella parte destra dello schermo, in modo che anche "scrollando" la pagina rimanga fermo nella stessa posizione. per star prima nella prova ho utilizzato i margini per posizionarlo. in firefox tutto ok, si vede il rettangolino fermo li, in explorer.. scrolla pure quello.. ed in più il testo non parte dall'inizio della pagina ma da subito dopo il div.. magari è un'errore da principiante, però.. gradirei chiarimenti da qualche genio del forum! grazie!
    <style type="text/css">
    #prova {
    position:fixed;
    width:260px;
    height:100px;
    background-color: green;
    margin-top: 50px;
    margin-left: 450px;
    }
    body {
    background-color: black;
    color: white;
    }
    </style>
    <body>
    <div id="prova">
    blkndsghkldfgnldfggfd

    jiglidjpogjdfgjdflggd

    dfpgjodfgjpdfgjdfjgdf

    iojdfghoidfhgdfoigdfg

    </div>

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    ecco qui. su IE<7 funziona con un commento condizionale


    codice:
    <style type="text/css">
        body .fixed {  position: fixed;  }
    </style>	
    
    <!--[if lt IE 7]>
    <style type="text/css">
    html.fixed {
    	height			: 100%;
    	width			: 100%;
    	overflow		: hidden;
    }
    
    html.fixed body.fixed {
    	height			: 100%;
    	width			: 100%;
    	overflow		: auto;
    }
    
    html.fixed body.fixed .fixed { position	: absolute;}
    </style>	
    <![endif]-->
    devi assegnare class="fixed" all'elemento html, al body e all'elemento div (o altro che vuoi rendere fixed.

    Ma usalo con molta attenzione: può provocare la scomparsa delle barre di scorrimento quando fai resize della finestra, quindi fai un pò di test se si comporta bene con la tua pagina




    Keyword: posizionamento position fixed explorer crossbrowser browser
    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 L'avatar di lloyd27
    Registrato dal
    Mar 2006
    Messaggi
    256
    grazie!

  4. #4
    Utente di HTML.it L'avatar di lloyd27
    Registrato dal
    Mar 2006
    Messaggi
    256
    niente.. su IE7 continua a scrollare..

  5. #5
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    cambia

    <!--[if lt IE 7]>

    in

    <!--[if lte IE 7]>
    Vuoi aiutare la riforestazione responsabile?

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

  6. #6
    ho inserito il codice che hai scritto e assegnato la classe fixed al body, all'html e al div interessato ma su explorer continua a nn uscire come dovrebbe

    mi sa che sbaglio qualcosa..

    ma poi la riga <!--[if lt IE 7]> non rende tutto un commento????

  7. #7
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    guarda puoi vedere l'esempio funzionante qui
    http://www.cssplay.co.uk/layouts/fixed.html


    copia direttamente il codice dalla pagina
    Vuoi aiutare la riforestazione responsabile?

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

  8. #8
    grazie 1000

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.