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

    Problema con DIV annidati

    Ciao ragazzi,
    ho un problema con dei DIV annidati.
    In teoria il blocco MAIN dovrebbe allungarsi in base a quanto testo è contenuto nel blocco CONT...cosa che non accade.
    Mi sapete dire dove sbaglio?

    Vi posto il codice.

    codice:
    <html>
    <style type="text/css">
    <!--
    #main{
    margin-top:10px;
    background-color:#000000;
    }
    
    #menu{
    float:left;
    height:100%;
    margin-left:40px;
    width:140px;
    background-color:#FFFFFF;
    }
    
    
    #cont{
    float:left;
    height:100%;
    margin-left:20px;
    width:507px;
    background-color:#FFFFFF;
    padding:20px;
    line-height:14px;
    }
    
    -->
    </style>
    
    </head>
    <body>
    <center>
    <div id="main">
    <div id="menu">uno 
    due 
    tre 
    </div>
    
    
    <div id="cont"><h2>Titolo 1</h2>
    Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. 
    </div>
    </div>
    
    </center>
    </body>
    </html>

    grazie mille

  2. #2
    Provo a rispondere alla tua domanda. Credo che il tuo problema sia che il background del main di colore nero non viene visualizzato.

    Ho risolto questo problema cancellando la proprietà del left con un div
    Vedi se questo va bene:
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Documento senza titolo</title>
    <style type="text/css">
    <!--
    div#main{
    margin-top:10px;
    background-color:#000000;
    }
    
    #menu{
    float:left;
    height:100%;
    margin-left:40px;
    width:140px;
    background-color:#FFFFFF;
    }
    
    
    #cont{
    float:left;
    height:100%;
    margin-left:20px;
    width:507px;
    background-color:#FFFFFF;
    padding:20px;
    line-height:14px;
    }
    #clear{
    	clear:left;
    }
    -->
    </style>
    </head>
    
    <body>
    <center>
    <div id="main">
    <div id="menu">uno 
    due 
    tre 
    </div>
    
    
    <div id="cont"><h2>Titolo 1</h2>
    Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. Questo è un testo di esempio. 
    </div>
    <div id="clear"></div>
    </div>
    
    </center>
    </body>
    </html>

  3. #3
    Si perfetto, in parte risolto.
    Infatti mi ero dimenticato di inserire un altra caratteristica che deve avere, pardon

    il box menu deve avere l'altezza corrispondente al box main. Ho provato a mettere height:100% ma non funziona

    come posso fare?

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.