premetto che so che sarebbe meglio non usare le tabelle e che è xplorer che sbaglia e non firefox.
ho la reale necessità di spezzare un'immagine grande in più parti per ovvie ragioni di peso, e non so fare altrimenti che usare una tabella (annidata in un div) che aggrega i pezzi dell'immagine.
in firefox mi si presenta il problema che lascia un fastidioso spazio bianco sotto le immagini spezzando così la continuità dell'immagine.
come posso ovviare a tale problema?
questa è la tabella:
questo il css: la tabella è all'interno di headerCodice PHP:<TABLE WIDTH=779 height="271" BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
[img]images/la_01.jpg[/img]</TD>
<TD>
[img]images/la_02.jpg[/img]</TD>
<TD>
[img]images/la_03.jpg[/img]</TD>
</TR>
<TR>
<TD>
[img]images/la_04.jpg[/img]</TD>
<TD>
[img]images/la_05.jpg[/img]</TD>
<TD>
[img]images/la_06.jpg[/img]</TD>
</TR>
<TR>
<TD>
[img]images/la_07.jpg[/img]</TD>
<TD>
[img]images/la_08.jpg[/img]</TD>
<TD background="images/la_09.jpg"> </TD>
</TR>
</TABLE>
Codice PHP:html {
overflow: -moz-scrollbars-vertical;
}
* {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* body */
body {
margin: 5px;
padding: 0px;
behavior: url('catalog/javascript/png/iepngfix.htc');
background: url('../image/background.png') top repeat-x;
}
body, td, th, input, textarea, select, a {
font-size: 11px;
color: #000000;
padding: 0px;
}
b, strong, th {
color: #000000;
}
form {
padding: 0;
margin: 0;
display: inline;
}
.png {
behavior: url('catalog/javascript/png/iepngfix.htc');
}
a img {
border: none;
}
a:hover {
text-decoration: none;
}
/* layout */
h1 {
display: none;
}
#container {
width: 779px;
position: relative;
left: 50%;
margin-left: -389px;
}
Rispondi quotando
(senza offesa...)
