Visualizzazione dei risultati da 1 a 3 su 3

Discussione: come gestire tre div

  1. #1
    Utente di HTML.it L'avatar di max103
    Registrato dal
    Dec 2005
    Messaggi
    317

    come gestire tre div

    ciao ho due problemini dei quali allego codice e una immagine

    1- vorrei sapere come mai il contenuto del div verde mi finisce dopo l'ultimo div (vedi cerchietto rosso)

    2- vorrei sapere come fare il div verde sempre al 100% dello spazio disponibile

    allego codice:

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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">
    <!--
    body, html {
    	margin:0;
    	padding:0;
    	text-align:center;
    	font-family: sans-serif, Helvetica, Arial;
    	font-size: 11px;
    	color: #666666;
    	background: #FFFFCA;
    }
    #contenitore {
    	text-align:left;
    	width: 900px;
    	margin-left:auto;
    	margin-right:auto; 
    }
    #testata {
    	float: left;
    	width: 900px;
    	background: #CCCCCC;
    	height: 100px;
    }
    #navbar {
    	background: #CCFF99;
    	float: left;
    	height: 25px;
    	width: 900px;
    }
    #contenitorecentro {
    	width: 900px;
    }
    #menusinistra {
    	background: #FFFF99;
    	float: left;
    	width: 140px;
    }
    #contenuti {
    	background: #66FF00;
    	float: left;
    }
    #menudestra {
    	background: #FFFF99;
    	float: right;
    	width: 140px;
    }
    #piede {
    	background: #333333;
    	float: left;
    	height: 25px;
    	width: 900px;
    	clear: both;
    }-->
    </style>
    
    
    </head>
    
    <body>
    <div id="contenitore">
    
    
    
    
    <div id="testata">testata</div>
    
    
    
    
    
    
    
    <div id="navbar">menusss</div>
    
    
    
    
    
    
    <div id="contenitorecentro">
    
    
    
    
    
    
    
    
    <div id="menusinistra">
      <ul>[*]abc[*]retewrtw[*]ertwert[*]wert[*]wre[*]twe[*]rtw[*]ert[*]wert[*]wer[*]tw[*]ert[*]wer[*]tw[*]ert[*]wer[*]twer[*]tw[*]ert[*]wert[*]wre[*]t[*]wert[*]wer[/list]
      </div>
    
    
    
    
    
    
    
    
    <div id="contenuti">
      
    
    contenutijb lkjb ljk g</p>
      
    
    f </p>
      
    
    sfg </p>
      
    
    sfg </p>
      
    
    sfg sfgl</p>
      
    
    vbx</p>
      
    
    cvb</p>
      
    
    xcv</p>
      
    
    bx</p>
      
    
    vb </p>
      
    
     sfg   fine </p>
    </div>
    
    
    
    
    
    
    
    
    
    <div id="menudestra">menudestra</div>
    
    
    
    
    
    
    
    
    
    
    
    
    
    </div>
    
    
    
    
    
    
    
    
    
    
    
    <div id="piede">
      
    
    piedefg fg fg fg sfg sfg </p>
      
    
    sfg </p>
    </div>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    </div>
    </body>
    </html>
    Immagini allegate Immagini allegate

  2. #2
    Utente di HTML.it L'avatar di max103
    Registrato dal
    Dec 2005
    Messaggi
    317
    il primo problema l'ho risolto,
    e anche metà del secondo,


    mi è rimasto il menu di destra che non si allinea ai contenuti, come mai?

    allego html e css

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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">
    <!--
    body, html {
    	margin:0;
    	padding:0;
    	text-align:center;
    	font-family: sans-serif, Helvetica, Arial;
    	font-size: 11px;
    	color: #666666;
    	background: #FFFFCA;
    }
    #contenitore {
    	text-align:left;
    	width: 95%;
    	margin-left:auto;
    	margin-right:auto; 
    }
    #testata {
    	float: left;
    	width: 95%;
    	background: #CCCCCC;
    	height: 100px;
    }
    #navbar {
    	background: #CCFF99;
    	float: left;
    	height: 25px;
    	width: 95%;
    }
    #contenitorecentro {
    	width: 95%;
    }
    #menusinistra {
    	background: #FFFF99;
    	float: left;
    	width: 140px;
    }
    #contenuti {
    	background: #66FF00;
    	margin-right: 150px;
    	margin-left: 150px;
    }
    #menudestra {
    	background: #FFFF99;
    	float: right;
    	width: 150px;
    }
    #piede {
    	background: #333333;
    	float: left;
    	height: 25px;
    	width: 900px;
    	clear: both;
    }-->
    </style>
    
    
    </head>
    
    <body>
    <div id="contenitore">
    
    
    
    
    <div id="testata">testata</div>
    
    
    
    
    
    
    
    <div id="navbar">menusss</div>
    
    
    
    
    
    
    <div id="contenitorecentro">
    
    
    
    
    
    
    
    
    <div id="menusinistra">
      <ul>[*]abc[*]retewrtw[*]ertwert[*]wert[*]wre[*]twe[*]rtw[*]ert[*]wert[*]wer[*]tw[*]ert[*]wer[*]tw[*]ert[*]wer[*]twer[*]tw[*]ert[*]wert[*]wre[*]t[*]wert[*]wer[/list]
      </div>
    
    
    
    
    
    
    
    
    <div id="contenuti">Suis amputat Octavius.
    	Optimus utilitas umbraculi iocari saetosus catelli, ut cathedras corrumperet Pompeii, iam adfabilis agricolae suffragarit Augustus. Verecundus apparatus bellis fermentet vix perspicax quadrupei, ut matrimonii deciperet suis. Tremulus oratori verecunde vocificat plane parsimonia concubine. Pretosius catelli celeriter insectat Octavius, quamquam Pompeii fortiter adquireret satis parsimonia apparatus bellis. Octavius insectat pretosius ossifragi, semper adfabilis cathedras iocari matrimonii. Saburre imputat ossifragi. Pessimus saetosus apparatus bellis divinus praemuniet pretosius agricolae. Adlaudabilis fiducias spinosus imputat bellus syrtes. Catelli plane fortiter deciperet agricolae. Lascivius zothecas optimus frugaliter fermentet catelli, quamquam Aquae Sulis miscere apparatus bellis. Octavius circumgrediet matrimonii, semper catelli praemuniet concubine, utcunque ossifragi deciperet adlaudabilis matrimonii, iam apparatus bellis plane libere corrumperet lascivius agricolae.
    	Rures circumgrediet chirographi. Pompeii spinosus praemuniet fragilis zothecas. Pessimus verecundus chirographi frugaliter imputat syrtes. Zothecas praemuniet pretosius quadrupei, et optimus bellus fiducias suffragarit umbraculi, semper Octavius lucide circumgrediet suis. Zothecas vocificat cathedras. Oratori miscere cathedras. Umbraculi praemuniet satis adfabilis suis, et adlaudabilis ossifragi agnascor zothecas.
    	Syrtes amputat ossifragi. Aquae Sulis libere circumgrediet pessimus saetosus matrimonii, quod fiducias senesceret pretosius syrtes, quamquam cathedras vocificat Pompeii. Catelli circumgrediet quadrupei. Umbraculi infeliciter suffragarit adfabilis suis, iam plane gulosus fiducias fortiter insectat Medusa, ut matrimonii deciperet Augustus, semper suis infeliciter imputat Caesar, ut apparatus bellis fermentet verecundus fiducias. Apparatus bellis iocari satis tremulus syrtes. Saetosus saburre optimus libere circumgrediet chirographi. Umbraculi pessimus spinosus fermentet quadrupei, utcunque matrimonii deciperet syrtes. Lascivius apparatus bellis imputat fiducias.
    	Rures divinus miscere adlaudabilis cathedras, et utilitas chirographi plane spinosus conubium santet aegre parsimonia saburre. Concubine neglegenter adquireret adlaudabilis ossifragi. Quadrupei insectat verecundus zothecas, utcunque Medusa praemuniet quadrupei, iam incredibiliter utilitas fiducias corrumperet adfabilis ossifragi, quamquam syrtes spinosus adquireret saburre. Adlaudabilis chirographi vocificat Augustus, iam pessimus adfabilis oratori suffragarit vix pretosius matrimonii, etiam lascivius ossifragi amputat utilitas quadrupei.</div>
    
    
    
    
    
    
    
    
    
    <div id="menudestra">menudestra questo dovrebbe poggiare a destra ma non ci va, come mai? </div>
    
    
    
    
    
    
    
    
    
    
    
    
    
    </div>
    
    
    
    
    
    
    
    
    
    
    
    <div id="piede">
    
    piedefg fg fg fg sfg sfg </p></div>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    </div>
    </body>
    </html>

  3. #3
    Utente di HTML.it L'avatar di max103
    Registrato dal
    Dec 2005
    Messaggi
    317
    ho risolto tirando fuori i due div sinistra e destra...


    che casino questi div..................



    meglio le tabelle )))))

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.