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

    Affiancare due div in firefox: ma è possibile?

    Salve a tutti.
    Ma possibile che su firefox non riesca ad affiancare due div in orizzontale?

    Ecco il codice della pagina:
    codice:
    	<div id="contenitore">
    		<div class="cella_testo">
    			
    
    Didascalia per la miniatura.</p>
    		</div>
    		<div class="cella_immagine">
    			[img]minia.jpg[/img]</div>
    	</div>
    Ed ecco quello del CSS:
    codice:
    #contenitore	{
        vertical-align: middle;
    	background:#CCCCCC;
    	width: 600px;
    }
    
    .cella_testo	{
    	float:left;
    	background-color:#CCFFFF;
    	width: 400px;
    }
    
    .cella_immagine	{
    	background-color:#FFCCFF;
    	width: 200px;
    }
    In explorer vedo correttamente la didascalia a sinistra e l'immagine a destra.
    In firefox vedo l'immagine sotto!!! Perché?

    Ho provato in mille modi, anche togliendo il div contenitore e lasciando solo i due interni, ma niente. Firefox non ne vuole sentire!!!

    Che succede? E' così strana la cosa?

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    verifica n. 1: il clear ce l'hai messo?

  3. #3
    Provato, ma non funge lo stesso su FF!

    Ho risolto aggiungendo un:
    codice:
    overflow: hidden;
    al contenitore principale.
    Non ne conosco il motivo e a naso mi sembra anche una soluzione sporca, ma non ho trovato altro

  4. #4
    codice:
    .cella_immagine	{
    	background-color:#FFCCFF;
    	width: 200px;
    	float:left;
    	clear:right;
    }
    Per capirne di più prova a leggere qui
    Flickr .:. Work In Progress

    Non lasciare la mia mano, ovunque sarai, con chiunque ti accompagnerai. Non dimenticarti di me, ne morirei.

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 © 2026 vBulletin Solutions, Inc. All rights reserved.