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

    problema background-image firefox

    Buongiorno.

    Ho creato una struttura a div. C'è un div contenitore con un'immagine di sfondo, all'interno del quale ci sono 4 div "colonne". Ma mentre in ie6 lo sfondo del contenitore si visualizza correttamente per tutta la pagina, in firefox non si vede. O meglio si vede solo se gli imposto un altezza al contenitore, manon posso farlo perchè la pagina ha lunghezza dinamica. Perchè?
    Posto il codice

    codice:
    <div class="schede_fimp_sfondo">
    				<div class="schede_fimp_img">[img]image/img_tn_fimp_002.jpg[/img]</div>
    				<div class="schede_fimp_testo">SCHEDA FIMP:
    
    Le malattie respiratorie allergiche nel bambino</div>
    				<div class="schede_fimp_versione">
    					<div class="schede_fimp_bandierine">[img]image/ico_lang_albanese.jpg[/img]</div>
    					<div class="schede_fimp_lingua">Albanese</div>
    					<div class="schede_fimp_bandierine">[img]image/ico_lang_francese.jpg[/img]</div>
    					<div class="schede_fimp_lingua">Francese</div>
    					<div class="schede_fimp_bandierine">[img]image/ico_lang_arabo.jpg[/img]</div>
    					<div class="schede_fimp_lingua">Arabo</div>
    				</div>
    			</div>
    E questo è il css

    codice:
    .schede_fimp_sfondo{
    	background-image: url("image/servizi_fimp_sfondo.gif");
    	width:439px!important;
    	width /**/:459px;
    	height:100%;
    	padding-left: 10px;
    	padding-right: 10px;
    	font-family : Verdana, Arial, Helvetica;
    	font-size : 10px;
    	color:#256a00;
    	font-weight: bold;
    }
    
    .schede_fimp_img{
    	height:92px;
    	width:133px;
    	clear: both;
    	float: left;
    	vertical-align: middle;
    }
    
    .schede_fimp_testo{
    	width:187px;
    	float: left;
    	vertical-align: middle;
    }
    
    .schede_fimp_versione{
    	width:99px!important;
    	width /**/:119px;
    	padding-left: 20px;
    	float:left;
    }
    
    .schede_fimp_bandierine{
    	width:28px;
    	height: 22px;
    	float: left;
    	clear: both;
    }
    
    .schede_fimp_lingua{
    	width:71px;
    	float: left;
    	height: 22px;
    	vertical-align: middle;
    	font-family : Verdana, Arial, Helvetica;
    	font-size : 10px;
    	color:#08215c;
    	font-weight: bold;
    }

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    E` sempre il solito problema: TI MANCA IL CLEAR
    Gli oggetti flottanti escono dal flusso logico, se alla fine di tutti i float non c'e` un clear.
    Fa' una ricerca nel forum, e in particolare una risposta corretta c'e` nel thread [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Perfetto risolto grazie

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.