Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Problema div

  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2013
    Messaggi
    4

    Problema div

    Salve,
    ho un problema, dovrei inserire all'interno di questi div delle immagini con altezza 430px, mi sono reso conto però che viene sfalsata l'altezza del div finale?? aiuto...

    <style>
    body {
    margin:0px;
    padding:0px;
    }
    .contenitore {
    width:100%;
    height:1460px;
    max-width: 1920px;
    min-width: 780px;
    background: #FFF;
    margin: 0 auto;
    }
    #div1 {
    margin:0px;
    padding:0px;
    width:100%;
    height:430px;
    background-color:#CCC;
    }
    #div2 {
    margin:0px;
    padding:0px;
    width:100%;
    height:430px;
    background-color:#00F;
    }
    #div3 {
    margin:0px;
    padding:0px;
    width:100%;
    height:430px;
    background-color:#06C;
    }
    #div4 {
    margin:0px;
    padding:0px;
    width:100%;
    height:430px;
    background-color: #0F0;
    }
    /* ===================================== */
    /* piè di pagina */
    #footer {
    width:100%;
    height:60px;
    margin:0px;
    padding:0px;
    bottom:0px;
    position:fixed;
    clear:both;
    background:#333;
    font-family:Futura, Helvetica;
    color:#FFF;
    z-index:1;
    }
    </style>
    </head>
    <body>
    <div class="contenitore">
    <div id="div1">
    <img src="URL IMMAGINE" width="100%">
    </div>

    <div id="div2">
    <img src="URL IMMAGINE" width="100%">
    </div>

    <div id="div3">
    <img src="URL IMMAGINE" width="100%">
    </div>

    <div id="div4">
    <img src="URL IMMAGINE" width="100%">
    </div>
    </div>
    <!--<===================-->

    <div id="footer">
    <p style="margin-top:20px; padding-right:15px; padding-left:15px;">FOOTER</p>
    </div>

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    puoi scrivere anche


    codice:
    #div1,#div2, #div3,#div4{
    margin:0px;
    padding:0px;
    width:100%;
    height:430px;
    }
    poi, per ogni contenitore aggiungi l'immagine + il colore (se non ci dovrebbe essere l'immagine)

    codice:
    #div1 {
    background: #fff url('percorso/immagine.jpg') top left no-repeat;
    }
    Cosi ti risparmi un po di righe.

    Per una bella risata vai QUI

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2013
    Messaggi
    4
    ma l'immagine con larghezza 100% viene leggermente stirata, come si risolve questo problema...
    ho provato con questo codice ma se estendo la pagina, l'immagine viene tagliata (inserendola nell'ultimo div4.

    codice:
    style
    =
    "
    background:url(image.jpg) no-repeat;width:100%;height:340px;background-size:100%;"
    >

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.