float:left in firefox

**maui2311** · 16-01-2009, 01:59

Salve a tutti sono un nuovo iscritto al forum....

ho un problema, il float:left in firefox 3.0.5 fa si che l'elemento successivo si dispone a dx dell'elemento precedente, ma attaccato al bordo sx dell'elemento precedente.....
mentre in IE7 si attacca al bordo dx dell'elemento precedente, come è giusto che sia...
Qualcuno può dirmi perchè?

Grazie spero di essere stato chiaro....

**Mich_** · 16-01-2009, 10:34

C'e` sicuaramente un errore: capita spesso che IE non interpreti correttamente e faccia di testa sua.

Comunque posta il codice (HTML+CSS dei blocchi considerati e del loro contenitore): con quello che scrivi non e` possibile capire quale sia l'errore.

PS: per inserire il codice usa il bottone # che trovi sopra il testo da inserire, altrimenti si perde la formattazione ed e` molto piu` difficile capire.

**maui2311** · 16-01-2009, 12:56

Grazie per la risposta Mitc_

Il problema di visualizzazione del float è su firefox.
Su IE7 funziona correttamente.

Ti allego il file xhtml+css:

codice:

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 	
  <head> 		
     <title>prova float</title> 		
     <link  rel="stylesheet" type="text/css" href="float.css"/> 	
  </head> 	 	
  
  <body> 		
     <div id="a"></div> 		
     <div id="b"></div> 		
     <div id="c"></div> 	
  </body>  
</html>

codice:

*{margin:0; padding:0;}  

body{width:800px;}  

#a{width:100px; height:500px; border:3px red solid; 	 float:left;}  

#b{width:100px; height:100px; border:3px green solid;}  

#c{width:100px; height:200px; border:3px blue solid;}

**Mich_** · 16-01-2009, 13:24

C'e` un po' di confusione nei float.

Per il tuo problema specifico, dovresti mettere il float in tutti tre i blocchi che devono affiancarsi.

IE fa confusione a sua volta, e compensa l'errore tuo, ma in linea di massima FF e altri browser interpretano le specifiche del W3C molto megliodi IE.
Invece se programmi in XHTML Strict, anche IE lavora in standard mode, per cui segue il W3C molto meglio.

Tra i "link utili" ci son riferimenti a vari layout realizzati con solo CSS e corretti. Ti consiglio un "giretto".

**maui2311** · 16-01-2009, 14:53

Grazie Mich_!

Seguirò il tuo consiglio

Discussione: float:left in firefox

Strumenti discussione

Ricerca discussione

Visualizza

float:left in firefox

Permessi di invio