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

    firefix colore di sfondo

    ho un div che ha un colore di background #FFFFFF, dentro questo div ho altri 3 div che compongono le colonne, divise da 10px di margin.
    In explorer tutto apposto, ma su firefox il colore di background del div contenitore non si vede e fra le colonne si vede lo sfondo del body.
    Come mai?
    Le News web le prendo da qui: www.pirosoft.it

    Tutorial flex: www.flexitalia.it

  2. #2
    Utente di HTML.it L'avatar di hcka
    Registrato dal
    Oct 2002
    Messaggi
    435
    Codice?

  3. #3
    html:
    codice:
    <div align="center">
    <div id="corpo">
    	<div id="top"></div>
    	<div id="center">
    		<div id="colsx">
    			<div id="menu"></div>
    			<div id="news"></div>
    			<div id="stampa"></div>
    			<div id="links"></div>
    		</div>
    		<div id="colcenter">			
    			<div id="prodottihead"></div>
    			<div id="prodotti" align="left"></div>
    			<div id="downloadhead"></div>
    			<div id="download"></div>
    		</div>
    		<div id="coldx">
    			<div id="ducati"></div>
    			<div id="eventi"></div>
    			<div id="dealer"></div>
    			<div id="assistenza"></div>			
    			<div id="feedback"></div>
    			<div id="video"></div>
    		</div>
    	</div>
    	<div id="bottom">	
    	</div>
    </div>
    </div>
    css:
    codice:
    body {
    	margin: 0px;
    	padding: 0px;
    	font-family: Verdana;  
    	font-size: 11px;
    	color: #000000;
    	background: #c8c8c8;
    	background-image: url(../images/bg.gif);
    	background-repeat: repeat;
    	background-attachment: fixed;
    }
    
    
    
    #corpo {
    	width: 956px;
    	background-color: #FFFFFF;
    	background-image: url(../images/white.gif);
    	background-repeat: repeat;
    	background: #FFFFFF;
    }
    
    #top {
    	width: 956px;
    	height: 196px;
    	background-image: url(../images/top.gif);
    	background-repeat: no-repeat;
    }
    
    #bottom {
    	float: left;
    	margin-top: 10px;
    	width: 956px;
    	height: 30px;
    }
    
    #center{
    	margin-top: 0px;
    	background-color: #FFFFFF;
    	background-image: url(../images/white.gif);
    	background-repeat: repeat;
    	height: 900px;
    }
    
    #colsx {
    	float: left;
    	width: 218px;
    	height: 100%;
    	padding-top: 35px;
    	background-color: #FFFFFF;
    }
    
    #menu {
    	float: left;
    	width: 188px;
    	height: 254px;
    }
    
    #news{
    	float: left;
    	height: 185px;
    	width: 218px;
    	background-image: url(../images/bgnews.gif);
    	background-repeat: no-repeat;
    }
    
    #stampa{
    	float: left;
    	background-image: url(../images/bgrassegnastampa.gif);
    	background-repeat: no-repeat;
    	width: 218px;
    	height: 83px;
    }
    
    #links{
    	float: left;
    	width: 209px;
    	height: 238px;
    	background-image: url(../images/bglinks.gif);
    	background-repeat: no-repeat;
    }
    
    
    
    #colcenter{
    	float: left;
    	padding-left: 17px;
    	padding-bottom: 35px;
    	width: 488px;
    	background-color: #FFFFFF;
    	height: 100%;
    }
    
    #prodottihead{
    	float: left;
    	width: 488px;;
    	height: 35px;
    	background-image: url(../images/bgprodottihead.gif);
    	background-repeat: no-repeat;
    }
    
    #prodotti{
    	float: left;
    	width: 488px;
    	height: 302px;
    	background-image: url(../images/bgprodotti.gif);
    	background-repeat: no-repeat;
    }
    
    #downloadhead{
    	float: left;
    	height: 38px;
    	width: 488px;
    	background-image: url(../images/bgdownloadhead.gif);
    	background-repeat:no-repeat;
    	margin-top: 15px;
    }
    
    #download{
    	float: left;
    	background-image: url(../images/bgdownload.gif);
    	background-repeat: no-repeat;
    	height: 415px;
    	width: 488px;
    }
    
    #coldx{
    	float: left;
    	padding-left: 17px;
    	padding-top: 35px;
    	width: 215px;
    	height: 100%;
    	background-color: #FFFFFF;
    }
    
    #ducati{
    	background-image: url(../images/bgducati.gif);
    	background-repeat: no-repeat;
    	width: 209px;
    	height: 148px;
    }
    
    #eventi{
    	background-image: url(../images/bgeventi.gif);
    	background-repeat: no-repeat;
    	width: 209px;
    	height: 145px;
    	margin-top: 10px;
    }
    
    #dealer{
    	background-image: url(../images/bgdealer.gif);
    	background-repeat: no-repeat;
    	width: 209px;
    	height: 132px;
    	margin-top: 50px;
    }
    
    #assistenza{
    	background-image: url(../images/bgassistenza.gif);
    	background-repeat: no-repeat;
    	width: 209px;
    	height: 89px;
    	margin-top: 12px;
    }
    
    #feedback{
    	background-image: url(../images/bgfeedback.gif);
    	background-repeat: no-repeat;
    	width: 209px;
    	height: 47px;
    	margin-top: 4px;
    }
    
    #video{
    	background-image: url(../images/bgvideo.gif);
    	background-repeat: no-repeat;
    	width: 209px;
    	height: 148px;
    	margin-top: 9px;
    }
    Le News web le prendo da qui: www.pirosoft.it

    Tutorial flex: www.flexitalia.it

  4. #4
    Utente di HTML.it L'avatar di hcka
    Registrato dal
    Oct 2002
    Messaggi
    435
    Flotta anche top e center... Dovrebbe funzionare...

  5. #5
    Utente di HTML.it
    Registrato dal
    Aug 2003
    Messaggi
    32
    Originariamente inviato da hcka
    Flotta anche top e center... Dovrebbe funzionare...
    Anche io ho riscontrato lo stesso problema.
    Nemmeno flottando tutti i div ho risolto... Come fare?
    Ciao Ciao

  6. #6
    Utente di HTML.it
    Registrato dal
    Aug 2003
    Messaggi
    32
    Originariamente inviato da Zakirya
    Anche io ho riscontrato lo stesso problema.
    Nemmeno flottando tutti i div ho risolto... Come fare?
    O meglio, aggiungo, ad alcune pagine il colore dell sfondo del div si vede, in altre no.
    Inoltre correggendo e flottando i div mi va tutto a sx della schermata e non piu al centro.
    boh :master:
    Ciao Ciao

  7. #7
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    ad una occhiata veloce: usi i float, il clear è corretto? nel codice postato non lo vedo

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.