Visualizzazione risultati 1 fino 3 di 3

Discussione: problema ripetizione sfondo

  1. #1
    Guest

    Predefinito problema ripetizione sfondo

    salve a tutti, inizio subito illustrandovi il mio problema xD
    sto coddando un layout ma sto riscontrando un problema con lo sfondo di un elemento, la pagina è questa http://layoututorialing.altervista.o...mon/index.html
    e l'elemento con lo sfondo che non si ripete è contenuto D=
    il codice è questo
    Codice HTML:
    <!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=utf-8" />
    <title>titolo pagina</title>
    <style>
    
    * {
    	margin: 0;
    	padding: 0;
    }
    	
    body {
    	background-image: url(Pattern2.png);
    	background-position: top center;
    }
    
    #contenitore {
    	width: 854px;
    	margin: 0 auto;
    	background-image: url(sfondocontenuto.png);
    }
    
    #header {
    	background-image:url(topimg.png);
    	width: 854px;
    	height: 764px;
    	flaot: left;
    }
    
    #contenuto {
    	width: 836px;
    	margin: -250px 9px 0px 9px;
    	flaot: left;
    	background-image:url(sfondocontenuto.png);
    	background-repeat: repeat-y;
    }
    
    .titolo {
    	background-image: url(titoolo.png);
    	width: 623px;
    	height: 83px;
    	padding: 43px 0px 0px 5px;
    }
    
    .titoloinfo {
    	color: #181818;
    	font-family: verdana;
    	font-size: 12px;
    	width: 623px;
    	padding-top: 3px;
    }
    
    .titolofont {
    	color: #181818;
    	font-family: Trebuchet MS;
    	font-size: 30px;
    	margin-bottom: 5px;
    }
    	
    
    #colonnasinistra {
    	width: 615px;
    	float: left;
    	color: #b2b2b2;
    	font-family: verdana;
    	padding-left: 5px;
    }
    	
    </style>
    </head>
    <body>
    <div id="contenitore">
    <div id="header"></div>
    <div id="contenuto">
    <div class="titolo">
    <div class="titolofont">Download Rom Pokèmon Ranger 3</div>
    <div class="titoloinfo">lorem ipsum dolor suit lorem ipsum dolor suit</div>
    </div>
    <div id="colonnasinistra">Cantami, o Diva, del Pelìde Achille, l'ira funesta che infiniti addusse lutti agli Achei, molte anzi tempo all'Orco generose travolse alme d' eroi, e di cani e d'augelli orrido pasto lor salme abbandonò ( così di Giove l'alto consiglio s'adempia) da quando primamente disgiunse aspra contesa il re de' prodi Atride e il divo Achille<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div></div>
    </div>
    </body>
    </html>
    sono disperato xD

  2. #2
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,744

    Predefinito

    Primo errore: hai scritto due volte flaot anziché float, poi lo sfondo di #contenuto non si vede poiché è coperto dagli sfondi di suoi elementi figli.

  3. #3
    Guest

    Predefinito

    aggiustato il float e ora si vede lo sfondo xD
    grazie mille :P
    pensare che le soluzioni piu semplici sono le piu efficaci D=

Regole di scrittura

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