Visualizzazione risultati 1 fino 3 di 3

Discussione: Problemi di layout con Css

  1. #1
    Guest

    Predefinito Problemi di layout con Css

    Salve a tutti,
    sto realizzando questo sito www.vicoalba.altervista.org con layout a css, ho un problema con il div navigation, la colonna a sinistra, che non arriva a fondo pagina in quanto l'altezza dipende dai contenuti e dal div extra(quello a destra)...ho cercato un po dovunque, probabilmente male, ma non so cosa aggiungere al mio codice:

    div#navigation{
    float:left;
    /* Inizia il Simplified Box Model Hack */
    width:160px; /* Dimensioni per Opera 5 */
    width:170px; /* Dimensioni per Explorer 5.x */
    width:160px; /* Dimensioni per browser standard compliant */
    /*background: #DDD url(img/gradient2.jpg) fixed repeat-x top*/
    background-color:#E5E5E5;
    border-right:1px solid #000000;
    padding:1em 0 0 0px}

    div#extra{
    float:right;
    width: 160px;
    width:170px;
    width:160px;
    background-color:#FFFFFF;
    border-right:0px solid #000000;
    padding:1em 0px}


    Ho provato con un height:xxx ma nn fa al mio caso perchè è statico, qualche consiglio?

    Grazie

  2. #2
    Guest

    Predefinito

    Codice:
    height: 100%;
    Ciao!

  3. #3
    Guest

    Predefinito

    proprio non va...

    ecco tutto il layout.css:

    Codice HTML:
    html,body{margin: 0;padding:0}
    body{font: 75% georgia, sans-serif;
    	line-height: 1.88889;
    	color: #000000; 
    	margin: 0; 
    	padding: 0; 
       }
    
    div#container{
        width: 960px;
        margin:0 auto;   /*centra negli altri browsers*/
        background: #FFFFFF url(img/gradient2.jpg) fixed repeat-x top
        }
    
    div#header{
    	text-align:left;
    	/*background-color:#FFFFFF;*/
    }
    
    div#navigation{
    float:left;
    /* Inizia il Simplified Box Model Hack */
    height:100%;
    width:160px; /* Dimensioni per Opera 5 */
    width:170px; /* Dimensioni per Explorer 5.x */
    width:160px; /* Dimensioni per browser standard compliant */
    /*background: #DDD url(img/gradient2.jpg) fixed repeat-x top*/
    background-color:#E5E5E5;
    border-right:1px solid #000000;
    padding:1em 0 0 0px}
    
    div#extra{
    float:right;
    width: 160px;
    width:170px;
    width:160px;
    height:100%;
    background-color:#FFFFFF;
    border-right:0px solid #000000;
    padding:1em 0px}
    
    div#content{
    margin: 0 200px 0 200px;
    background-color:#FFFFFF;
    padding:1em 10px;
    }
    div#footer{
    clear:both;
    text-align:center;
    padding:5px 0;
    background-color: #D3D3D3;
    color: #000;
    border-top:1px solid #000000;
    }
    Ultima modifica di seneca : 15-09-2008 alle ore 21.02.15

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •