problema tabelle con Firefox

**metatad** · 06-04-2009, 12:15

Ho uno strano problema di tabelle con Firefox:
questo è il blocco di codice

Codice PHP:


<td align="right" valign="top" class="megaback"><table width="100%" border="0" cellspacing="0" cellpadding="0">

        <tr>

          <td height="55" align="right" valign="top">[url="organizzazione.php?lang=it"][img]organizzazione_it.jpg[/img][/url]</td>

        </tr>

        <tr>

          <td height="27" align="right" valign="top">[url="organizzazione.php?lang=en"][img]organizzazione_en.jpg[/img][/url]</td>

        </tr>

        <tr>

          <td align="right" valign="top">[url="organizzazione.php?lang=fr"][img]organizzazione_fr.jpg[/img][/url]</td>

        </tr>

        <tr>

          <td height="30" align="right" valign="top">[url="organizzazione.php?lang=ru"][img]organizzazione_ru.jpg[/img][/url]</td>

        </tr>

        <tr>

          <td height="182" align="right" valign="top">[img]organizzazione_low.jpg[/img]</td>

        </tr>

      </table></td>

In pratica, ho una cella di tabella, con allineamento verticale top, al cui interno c'è un'altra tabella con 5 righe, ciascuna con dentro un immagine rollover.
Al di sopra di questa cella, ce n'è un'altra, che contiene a sua volta un immagine; questa, più le 5 della tabella sottostante, vanno a comporne un'unica più grande.
Il problema è che, su Firefox (non su IE), tra la cella in alto e quella in basso (contenente la tabella con le 5 immagini) mi lascia uno spazio di circa un pixel, che non riesco a rimuovere in alcun modo.
Ho provato anche ad inserire le 5 immagini senza una nuova tabella, dividendo la cella inferiore in 5, ma il risultato non cambia.
É un bug di FF? Come si può risolvere?

**metatad** · 07-04-2009, 11:55

up...
niente? messuno?....

**Gufo** · 07-04-2009, 14:52

Vedi qui

**metatad** · 07-04-2009, 15:20

grazie, ho comunque risolto trasformando l'intero layout in tableless...

**Gufo** · 07-04-2009, 16:08

Originariamente inviato da metatad
grazie, ho comunque risolto trasformando l'intero layout in tableless...

fUnziona bene anche come l'ho fatto io

Altrimenti questo è un codice div+css

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Documento senza titolo</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">.
div-1 {
	border: none;
	text-align: left;
	width: 300px;
}

.div-1-1 {
	border: none;
	clear: both;
	float: left;
	padding: 0px;
	text-align: center;
	width: 300px;
}

.div-1-2 {
	border: none;
	clear: both;
	float: left;
	padding: 0px;
	width: 300px;
}
</style>
	</head>
	<body>
		<div class="div-1">
			<div align="center" class="div-1-1">[img]file:///C:/Temp/1.jpg[/img]</div>
			<div align="center" class="div-1-2">
				<div class="div-1">
					<div align="center" class="div-1-1">[img]file:///C:/Temp/2.jpg[/img]</div>
					<div align="center" class="div-1-1">[img]file:///C:/Temp/3.jpg[/img]</div>
					<div align="center" class="div-1-1">[img]file:///C:/Temp/4.jpg[/img]</div>
					<div align="center" class="div-1-1">[img]file:///C:/Temp/5.jpg[/img]</div>
					<div align="center" class="div-1-1">[img]file:///C:/Temp/6.jpg[/img]</div>
					<div style="clear: both;"></div>
				</div>
			</div>
			<div style="clear: both;"></div>
		</div>
	</body>
</html>

Discussione: problema tabelle con Firefox

Strumenti discussione

Ricerca discussione

Visualizza

problema tabelle con Firefox

Permessi di invio