Visualizzazione risultati 1 fino 2 di 2

Discussione: Problema CSS frame su Explorer

  1. #1
    Guest

    Predefinito Problema CSS frame su Explorer

    Salve a tutti,
    ho costruito una pagina usando un CSS layout che simula top e left frame. Ho ingrandito il frame superiore per metterci il logo e il titolo, non ho nessun problema su Opera e Firefox, ma su Explorer il testo del maincontent si sovrappone al frame superiore.
    Proverò a spiegarmi con delle immagini:

    Firefox - Opera



    Explorer:





    Il codice che ho usato per creare i frame è il seguente:

    body{
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    height: 100%;
    max-height: 100%;
    }

    #framecontentLeft, #framecontentTop{
    position: absolute;
    top: 0;
    left: 0;
    width: 200px; /*Width of left frame div*/
    height: 100%;
    overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/

    color: black;
    }

    #framecontentTop{
    left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
    right: 0;
    width: auto;
    height: 240px; /*Height of top frame div*/
    overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/

    color: black;
    }

    #maincontent{
    position: fixed;
    left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
    top: 240px; /*Set top value to HeightOfTopFrameDiv*/
    right: 0;
    bottom: 0;
    overflow: auto;

    }



    .innertube{
    margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
    }

    * html body{ /*IE6 hack*/
    padding: 120px 0 0 200px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
    }

    * html #maincontent{ /*IE6 hack*/
    height: 100%;
    width: 100%;
    }

    * html #framecontentTop{ /*IE6 hack*/
    width: 100%;
    }
    Smanettando con le misure del topframe non cambia nulla, Explorer continua a sovrapporlo al maincontent.

    EDIT: Cacchio ho sbattuto tutta la notte su questo problema, e l'ho risolto 5 minuti dopo aver aperto questo topic LOL.
    Bastava cambiare il padding in una delle voci. Scusate.
    Ultima modifica di debug : 22-01-2009 alle ore 13.26.19

  2. #2
    Guest

    Predefinito

    dovresti provare con un css alternativo per ie usando i commenti condizionali

Regole di scrittura

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