2012-02-24 16 views
6

Stavo lavorando su un'applicazione intranet che ha lavorato per anni alla modalità "quirks" in tutti i principali browser. L'obiettivo era di farlo funzionare in modalità standard senza rompere nulla in modo che possiamo usare alcuni pacchetti jQuery. Ad ogni modo il mio problema è in modalità standard Firefox e Chrome aggiunge un riempimento inferiore 2px alla cella della tabella quando c'è un iframe all'interno della cella. Questo non succede in IE.Firefox e Chrome aggiungono 2px riempimento inferiore alla cella della tabella quando c'è iframe all'interno della cella in modalità standard

Quando passo alla modalità quirks, il padding scompare in Firefox e Chrome.
Quando aggiungo un div al posto di un iframe, il padding scompare.
Non è utile impostare il riquadro di celle e il cellpacing a zero.
La pagina src iframe è anche in modalità standard.

Qui è un banco di prova per voi a vedere:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head><title>Test</title></head> 
<body style="background:#FFF;"> 
<table cellpadding="0" cellspacing="0" border="0"> 
     <tr> 
      <td id='browser_td' style='width:1000px; height:500px; margin:0px; padding:0px; background:#000; border-bottom:0px;'> 
        <iframe id='browser_iframe' name='browser_iframe' src="http://houston.craigslist.org/" width='1000' height='500' frameborder="0" hspace="0" vspace="0"></iframe> 
      </td> 
     </tr> 
</table> 
</body> 
</html> 

risposta

0

ho avuto questo problema con una foto sul fondo di un <td><table>. Con Firefox c'era un ulteriore 2px mostrato sotto l'immagine. (IE era ok)

In ogni caso, sono approdato in questa pagina interessante: (pubblicato da thirtydot) https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps

L'immagine era seduto sulla linea di base del testo (a quanto pare) e ho aggiunto questo tag all'immagine. Tutto va bene ora. Grazie !

style="display: block;"