Visualizzazione dei risultati da 1 a 2 su 2

Discussione: div e z-index

  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2006
    Messaggi
    24

    div e z-index

    Ciao Ragazzi,
    anticipo subito un grazie a chi mi dà un aiutino.

    Ho una struttura fatta a DIV (posto codice e css), il problema
    mi salta fuori quando carico un immagine dentro il DIV #banner (no come bg ma nel corpo),
    da come ho impostato lo zeta index dovrebbe rimanere sotto il DIV #headerLeft, invece quest'ultimo mi va a capo....

    è il mio primo lavoro coi div, sicuramente sbaglio qualcosa ma non trovo dove...
    con Firefox e IE7 il problema non si pone ... IE 6 invece...possibile ch enon riconosce il comando Z-index? come posso aggirare il problema se cosi fosse?


    grazieeeeeeeeeeeeee

    POSTO CODICE:
    _________________________________________________

    <div id="container">
    <div id="header">
    <div id="headerTop">
    <div id="logo"></div>
    <div id="banner"></div>
    <div id="headerLeft">pippo</div>
    </div>
    <div id="testata"></div>
    <div id="menu"></div>
    </div>
    <div id="content">contenuto


    </div>
    <div id="footer"></div>
    </div>
    _________________________________________________

    CSS
    _________________________________________________

    /* CSS Document */

    html,body{margin: 0;padding:0}


    div#container{
    width:800px;
    margin:0 auto;
    border:0px;
    background: #000000;
    }


    /*stili specifici per il layout*/
    div#header{float: left;
    width: 100%;
    height: 331px;
    background: #72B2DC;
    }

    div#content{float: left;
    width: 100%;
    background: #FF0000;
    }

    div#footer{float: left;
    width: 100%;
    height: 54px;
    background: #00FF00;
    }

    div#headerTop{float: left;
    width: 100%;
    height: 107px;
    background: #8F9CA4;
    }

    div#logo{float: left;
    width: 284px;
    height: 107px;
    background: #1D407B;
    }

    div#banner{width: 348px;
    height: 107px;
    background: #BE1F5E;
    float: left;
    z-index: 10;
    margin:0 auto;
    vertical-align: top

    }

    div#headerLeft{float: right;
    width: 168px;
    height: 107px;
    background: #E1DFCD;
    margin:0 auto;
    z-index: 20;
    position: relative;
    top: 0px;
    left: 0px
    }

    div#testata{float: left;
    width: 800px;
    height: 187px;
    background: #8F5AA1;
    margin:0 auto;
    }

    div#menu{float: left;
    width: 800px;
    height: 37px;
    background: #0E847A;
    margin:0 auto;
    }
    ____________

    Grazieeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

  2. #2
    Utente di HTML.it
    Registrato dal
    Nov 2006
    Messaggi
    24
    :quote:

    risolto!
    con un misto di Z-index e position position: relative

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.