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

    per esperti layout con i div

    cerco di essere conciso se provate a copiare il codice capite il mio problema:

    style:
    html, body{margin:0; padding:0;text-align:center;
    font-size: 10px;
    background:#000000;
    color: #333333;
    font-family:Arial, sans-serif;
    width: 100%;
    height: 100%;
    margin:0px;padding:0px}

    body{text-align:center;
    font-size: 10px;
    background:#000000;
    color: #333333;
    font-family: Arial, sans-serif;
    width: 100%;
    height: 100%;
    margin:0px;padding:0px}


    .container{width:770px;background:#ffffff;
    font-size: 11px;
    color: #333333;
    font-family: Arial, sans-serif;text-align:left;
    margin:auto; padding:auto;
    height:100%;
    }


    .box_contenuto
    {
    padding:0;margin:0px;
    border-left:1px solid #E7DFDA;
    border-right:1px solid #E7DFDA;
    border-top:1px solid #E7DFDA;
    border-bottom:1px solid #E7DFDA;
    }

    .contenuto{
    }

    h1{font-size:40px;}

    .footer{clear:left; width:auto;}

    .box_logo{float:left; height:130px;padding:0;max-height:130px;margin:0;
    }
    .logo{padding-top:10;padding-left:5px;}

    .box_pulsanti{float:left; width:495;height:130px;padding:0;max-height:130px;margin:0;padding:0;
    }

    .sapzio_pulsanti_primo{float:left;padding-top:0;padding-left:23;padding-right:5;
    }

    .sapzio_pulsanti{float:left;padding-top:0;padding-left:5;padding-right:5;
    }

    .sapzio_pulsanti_ultimo{float:left;padding-top:0;padding-left:5;padding-right:2;
    }
    .pulsante{float:left;}

    .clear{clear:both;}

    .nero{background:#5B574D;height:3px;}

    .box_contenuto_testo{float:right;width:518px;margi n-right:0px;
    background:#cccccc;}

    .contenuto_testo{margin-right:250px;}

    .box_menu_2{float: left;width: 250px;margin:0pxadding:0;
    background:#cccccc;}

    .menu_2{
    margin-top:10px;
    margin-left:3px;margin-right:5;
    padding-left:3px;padding-right:5;
    border-left:1px solid #8A8373;
    border-right:1px solid #8A8373;
    }


    pagina:
    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Nuova pagina 1</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>

    <body>
    <div class="container">
    <div class="box_contenuto">
    <div class="contenuto">
    <div class="box_logo">
    <div class="logo">
    [img]img/logo.gif[/img]
    </div>
    </div>
    <div class="box_pulsanti">
    <div class="sapzio_pulsanti_primo">
    <div class="pulsante">
    [img]img/pulsanti/home.jpg[/img]</div></div>
    <div class="sapzio_pulsanti">
    <div class="pulsante">[img]img/pulsanti/azienda.jpg[/img]</div></div>
    <div class="sapzio_pulsanti">
    <div class="pulsante">[img]img/pulsanti/auto.jpg[/img]</div></div>
    <div class="sapzio_pulsanti_ultimo">
    <div class="pulsante">[img]img/pulsanti/prenota.jpg[/img]</div></div>
    </div>
    <div class="clear">[img]img/1pixt.gif[/img]</div>
    <div class="nero">[img]img/1pixt.gif[/img]</div>
    <div class="clear">[img]img/1pixt.gif[/img]</div>
    <div class="clear">[img]img/foto_immagine.jpg[/img]</div>
    <div class="clear">[img]img/1pixt.gif[/img]</div>
    <div class="nero">[img]img/1pixt.gif[/img]</div>

    <div class="box_contenuto_testo">
    <div class="contenuto_testo">
    conten







    uto d d d d d d d d d d d d d d d d d d
    d d d d d d d d d d d d d d d d d d d d d d d d d d
    d d d d d d 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
    </div>
    </div>

    <div class="box_menu_2">
    <div class="menu_2">d</div>
    </div>

    </div>



    </div>

    </div>


    </body>
    </html>



    domanda se volessi fare l'elemento box_menu_2 alto 100% perchè in ff sfora la pagine ed in ie lo fa troppo lungo

    potete spiegarmi come funziona bene

    grazie e ciao a tutti

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ci sono diversi errori nel tuo post:
    1. il titolo: non e` significativo rispetto alla domanda (vedi regolamento)
    2. il modo di inserire il codice: e` illeggibile; devi inserirlo tra i tag [ code ] e [ /code ] (senza gli sapzi)
    3. e` comunque troppo lungo: posta invece un link (anche in un sito provvisorio)

    Qui chiudo, invitandoti a ripostare seguendo le indicazioni.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.