padding malandrino

[Ocity]

ciao a tutti!
una domanda semplice semplice...



perchè con explorer visualizzo un certo tipo di bordo e con firefox un altro?
perchè con explorer non riesco a chiudere la table principale a filo con le celle, ma si crea quello spazio che ho sottolineato in rosso?

questo il codice:

tabella principale 
<table border="1" bordercolor="#333333" rules="rows" width="990" height="587" align="center" cellpadding="0" cellspacing="0">
<tr>
colonna sinistra
<td width="40%" background="backsx.gif" bgproperties="fixed" style="background-repeat: No-repeat; background-position:left" valign="bottom">
<td align="right" valign="bottom" width="67px" height="100%">
<a href="www.prova.com">[img]team/1.jpg[/img]<a>
<td>
<td>
colonna centrale
<td width="20%" background="backsx.gif" bgproperties="fixed" style="background-repeat: No-repeat; background-position:left" valign="bottom">
<td align="center" valign="bottom" width="67px" height="100%">
<a href="www.prova.com">[img]team/1.jpg[/img]<a>
<td>
<td>
colonna destra
<td width="40%" background="backsx.gif" bgproperties="fixed" style="background-repeat: No-repeat; background-position:left" valign="bottom">
<td align="right" valign="bottom" width="67px" height="100%">
<a href="www.prova.com">[img]team/1.jpg[/img]<a>
<td>
<td>
</tr>
</table>

grazie in anticipo a chi saprà aiutarmi

[phplv]

Proverei a resettare le proprietà di table a monte in un foglio di stile

table {
margin: 0px;
padding: 0px;
border: 0px;
}

...e poi valuterei l'impiego della proprietà "vspace" per le immagini all'interno della tabella... non l'ho mai utilizzata (preferisco rendere flottante l'immagine), ma potrebbe non essere intepretata nello stesso modo dai diversi browser.

[unbreakable9]

Se non ricordo male essendo l'immagine un elemento inline ie inserisce una manciata di pixel dal bordo inferiore del box che la contiene (in questo caso una cella).
Prova ad assegnare alle immagini display:block e vedi se funge,ciao.

[Ocity]

ciao ragazzi, e grazie delle risposte!
dopo qualche prova, e devo ammettere, parecchie imprecazioni , ho capito cosa turba questa semplice tabella:

table da 990*587 px, divisa in tre colonne:
colonna sinistra e destra immagine da 587px d'altezza come background, "chiusura" della table perfetta.
colonna centrale, immagine da 587 px d'altezza inserita come immagine normale, la tabella sfasa in altezza.


a questo punto il problema è nell'inserimento dell'immagine...

<td width="20%">
[img]mainlayout.jpg[/img]
</td>

che diavolo di proprietà devo assegnare a questa immagine per far si che explorer non aggiunga 3 o 4 px allafine del td?
aiutooooo

[progalba]

secondo me ti stai complicando un po' tanto la vita

1. metterei tutto in un CSS evitando il dtd strict a sto punto e fare il transitional

2. fai 2 css, uno x tutti i browser che cercano di rispettare le w3c, firefox ecc.. e uno per i browser fatti alla c... come IE e quindi il codice


<link rel="stylesheet" type="text/css" href=STILE_PER_BROWSER.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" href="STILE_PER_IE" type="text/css" />
<![endif]-->


dove if lte IE 6 è per IE 6 e superiori.

in tal modo imposti il sito che si veda giusto sia x FF ke per IE

[Ocity]

ciao e grazie progalba, ciò che non son riuscito a capire è appunto come aggirare il problema con explorer.
non ho idea di come impedire che vengano dei pixel sotto...
non come creare due fogli di stile, cosa che potrebbe essermi utile ma devo necessariamente tenere tutto in una sola pagina perchè è uno skin per un profilo di myspace del negozio dove lavoro...

[progalba]

.stile_che_vuoi {
margin-bottom: 0px;
}

???

postaci il codice al massimo..

[Ocity]

grazie progalba, purtroppo anche con quel metodo non ottengo nulla...
se hai tempo e voglia di dare un occhiata qua avrei postato tutto quanto:

http://www.minoiastore.com/htmlit/index.html

il problema è sempre quello...
all'immagine centrale rimangono dei pixel sotto, e i banner sotto non vengono allineati decentemente, il problema c'è solo con explorer, non con firefox!

grazie mille eh!

[unbreakable9]

Ma hai provato come ti ho detto io? metti <img style="display:block;" ..... >

[Ocity]

unbreakable9 perdonami, avevi perfettamente ragione ma non avevo capito andasse messo in questo modo il tuo suggerimento!

ora funziona tutto a meraviglia

a questo punto penso che il problema di allineamento dell'swf sia dovuto a questo problema...
ma lì, dove lo metto
style=display:block
?

http://www.minoiastore.com/htmlit/index.html

graaaaazie!