Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    problema con overflow hidden

    ho un problema con overflow:hidden in IE7. In poche parole mi toglie tutto il contenuto del div centrale comprimendo l' header con il footer. Il problema lo riesco a risolvere assegnando un valore all' height. ma non è la soluzione per il mio caso in quanto il contenuto può essere variabile.

    la struttura è questa:

    <div id="all"> che contiene tutti i div
    <div id="top"></div>
    <div id="cutter"> con overflow:hidden
    <div id="center"></div> con padding-bottom:1000em e margin-bottom -1000em
    </div>
    <div id="bottom"></div>
    </div>

    è una caratteristica di IE oppure ho sbagliato qualcosa nella logica ? (con firefox e opera funziona tutto bene)

  2. #2
    Per il problema di altezza variabile potresti usare questo stile da applicare all'elemento che ti interessa:

    codice:
    #cutter{
    	min-height: TOTpx;
    	height: auto !important;
    	height: TOTpx;
            overflow:hidden}
    dove a TOT sostituisci l'altezza minima che deve avere il tuo contenitore. Questa soluzione utilizza un hack per essere cross-browser dato che IE 6 non sa cosa significhi min-height e l'attributo height lo interpreta come min-height.


  3. #3
    grazie,
    il problema l' ho risolto, almeno per IE7, quindi terrò questo tuo suggerimento nell' ipotesi di problemi con IE6 o precedenti .... thanks.




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 © 2025 vBulletin Solutions, Inc. All rights reserved.