Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2001
    Messaggi
    579

    Colonna elastica che non si allunga

    Sto combattendo da diversi giorni con questo layout: http://www.isoteck.it/prova/home.asp

    non riesco a far scendere la colonna blu di sinistra fino alla base azzura (footer)... Penso sia un problema di CSS ma non riesco a risolverlo!
    Vi posto anche i CSS usati, per comodità...

    Se riusciste a darmi qualche dritta, ve ne sarei grato!

    codice:
    /* blu linee #292173 - celeste 0066CC - grigio chiaro E5E5E5
    /* marroncino T Isoteck 72372B - marroncino chiaro #D8865B */ 
     
    html, body {padding:0; margin:0;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	background-color:#FFFFFF;
        color: #000000;
    	font-size: 1em;}
    form, h1, h2, h3, h4, h5, h6 { padding:0; margin:0}
    ul, li { margin-top:0px; }
    img{border:0}
    div#conteiner{ width:47.5em; margin: 0 auto;text-align: left; border-left: 1px solid #000000;border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
    div#header{
    	padding-top: 12px;
    	height:110px;
    	background-color: #FFFFFF;
    	background-image: url(../images/struttura/pannello-tegola-sfondo.jpg);
    	background-repeat: no-repeat;
    	background-position: right top;
    }
    .sottologo {color:#72372B; font-size: 18px; margin-left:13px; margin-top:6px;}
    div#intestazione{background-color: #0066CC; color:#FFFFFF; font-size:small; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding-left:16px; padding-bottom: 4px; padding-top:4px; font-weight:bold;}
    div#left{
    	width: 15em;
    	border-right: 1px solid #000000;
    	background-color: #292173;
    	background-image: url(../images/struttura/pixel.gif);
    	background-repeat: repeat;
    	color:#FFFFFF;
    	margin-top: 0px;
    	margin-left: -1px;
    	float: left;
    	vertical-align:top;
    	padding-top: 12px;
    }
    .T{
    	color:#D8865B;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-weight:bolder;
    	font-size: 130%;
    }
    /* menu ad albero */
    #foldheader, #menunorm{cursor:pointer; font-weight:bold; margin-bottom: 2px; list-style-image:url(../images/struttura/lista.gif); list-style-type:none;}
    #foldinglist{list-style-image:url(../images/struttura/lista_off.gif); list-style-type:none; font-size:0.9em; margin-bottom: 2px; padding-left: 40px; margin-left: 0px;}
    #foldheader a:visited, #foldinglist a:visited{color:#FFFFFF; text-decoration:none;}
    /* fine menu */
    div#contenuti{margin-left: 16em; vertical-align:top; }
    div#footer{clear:right; text-align:center; padding: 0.5em; background-color: #69c; color: #000}

  2. #2
    Imposta un immagine di background per la colonna di destra posta dentro il container:

    codice:
    #container {
    width: 40em;
    margin: 0;
    padding: 0;
    background: #fff url(blu.gif) repeat-y top left;
    color: #000;
    }

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.