Div e problemi con ie

[Mitico]

Ciao a tutti.
In questa pagina http://www.curvanord.it/curvaN.html,come vedete alla fine ho tre tabelle.Beh,com mozilla tutto ok,ma con Ie,rimane dello spazio sulla destra.Come mai?
Questo è il div

{width:32%; float:left; border: solid 1px #00255E; margin: 1px; padding: 1px }

Se metto a 33%,su mozilla non entrano tutte e 3.Se metto un float: center idem,ho problemi.

[kaze]

Impossibile trovare la pagina

:di56: :bubu:

[Mitico]

Originariamente inviato da kaze
Impossibile trovare la pagina

:di56: :bubu:

come ben vedi,ho sbagliato ad inserire l'indirizzo è veniva inclusa anche la parola ",come"
http://www.curvanord.it/curvaN.html

[kaze]

Me tocca pure aiuta un laziale :bubu:

Hai provato a mettere :


margin-left:auto;
margin-right:auto;

???

[Mitico]

Originariamente inviato da kaze
Me tocca pure aiuta un laziale :bubu:

Hai provato a mettere :


margin-left:auto;
margin-right:auto;

???

cosi?
{width:32%; float:left; border: solid 1px #00255E; margin: 1px; padding: 1px; margin-left:auto; margin-right:auto; }

no nulla,rimane uguale su ie,ma su mozilla invece cosi da lo stesso problema.

[kaze]

Originariamente inviato da Mitico

cosi?
{width:32%; float:left; border: solid 1px #00255E; margin: 1px; padding: 1px; margin-left:auto; margin-right:auto; }

no nulla,rimane uguale su ie,ma su mozilla invece cosi da lo stesso problema.

Scusami ma xkè devi mettere float:left; ????

Se la tabella è all'interno di un div basta che quest'ultimo abbia text-align:center; margin:auto; .....


Lo stile che hai postato è riferito al div contenitore ???

[kaze]

Prova così:

<table border="0" width="100%" style=text-align:center;margin:auto;>
<td width="33%" align="center"><div class="ame3">[img]images/goal.gif[/img] Marcatori</div></td>
<td width="33%" align="center"><div class="ame3">[img]images/giallo.gif[/img] Ammoniti</div></td>

<td width="33%" align="center"><div class="ame3">[img]images/rosso.gif[/img] Espulsi</div></td>
</table>

[Mitico]

Originariamente inviato da kaze
Scusami ma xkè devi mettere float:left; ????

Se la tabella è all'interno di un div basta che quest'ultimo abbia text-align:center; margin:auto; .....


Lo stile che hai postato è riferito al div contenitore ???

sostanzialmente è cosi
<div class="TabCl">
<table cellspacing="0" cellpadding="2" width="100%">
<td>
</td>
</table>
</div>
<div class="TabCl">
<table cellspacing="0" cellpadding="2" width="100%">
<td>
</td>
</table>
</div>
<div class="TabCl">
<table cellspacing="0" cellpadding="2" width="100%">
<td>
</td>
</table>
</div>

Quindi tre div con all'interno tabelle che ne occupano il 100% dello spazio.Il div,come riportato sopra,è questo
{width:32%; float:left; border: solid 1px #00255E; margin: 1px; padding: 1px }

[Mitico]

Originariamente inviato da kaze
Prova così:

<table border="0" width="100%" style=text-align:center;margin:auto;>
<td width="33%" align="center"><div class="ame3">[img]images/goal.gif[/img] Marcatori</div></td>
<td width="33%" align="center"><div class="ame3">[img]images/giallo.gif[/img] Ammoniti</div></td>

<td width="33%" align="center"><div class="ame3">[img]images/rosso.gif[/img] Espulsi</div></td>
</table>

nulla,sposta gli elementi dentro la tabella,ma il margine sulla destra rimane.

[kaze]

Quindi se ho capito lo stile è quello di class="TabCl" ???

{width:32%; float:left; border: solid 1px #00255E; margin: 1px; padding: 1px; text-align:center; }

Cmq ancora non riesco a capire a cosa ti serve il float:left;


:bubu: