[RISOLTO] problema di padding con ie

[ariess]

ciao a tutti,

da giorni sto sbattendo la testa con questo problema. 

ie non applica il padding nell'articolo mentre con FF e Chrome è tutto ok

potete aiutarmi per favore?

http://brunoabbigliamento.ilbello.com/

 

[ariess]

nessuno mi sa aiutare??

help 

[tonicopi]

prova a metterci solo questo:
padding:25px;

[ariess]

niente da fare 

ie se ne frega proprio del padding 

[Beta]

In passato ho risolto con questo tutorial..

http://www.mrwebmaster.it/css/articoli/gestione-padding-iexplorer-firefox_419.html

Prova ma dipende molto dalla struttura.

[ariess]

grazie Beta per il supporto!!

in realtà avevo già visto quella guida, ma non riesco a capire se la modifica di cui parla è da apportare al css o al php.
essendoci un div forse va fatta nel index.php??

sapresti indicarmi di preciso dove va fatta?

confido nella tua memoria!!

[Beta]

Ciao Ricdata, quando lo usai io avevo un problema in un modulo html e avevo risolto cosi. In effetti il suffisso div-padding non c'è nei css quindi presumo anche io che vada nel php. L'unico dubbio che ho è che nel caso poi ti dia incompatibilità con altri browser è il caso di creare un foglio di stile solo per IE richiamandolo cosi

<link rel="stylesheet" type="text/css" href="nomecartella/css.css" />
<!--[if IE]><link rel="stylesheet" type="text/css" href="nomecartella/stile_ie.css"/><![endif]-->

Ci credi che sto avendo anche io problemi in un footer per colpa di IE !! Che sia dannato!!!

[ariess]

Grazie mille Beta, finalmente ho RISOLTO!! 
anche tu hai problemi di padding??

proverò a spiegare la soluzione, (anche perchè nel forum mi sembra che non se ne parli di questo problema) ma non sapendo dare una spiegazione "scientifica", mi limiterò ad illustrare le modifiche fatte, con la speranza che qualcuno più esperto riesca a dare una spiegazione più ortodossa 

il trucco sta nel creare due div uno dentro l'altro

la parte di codice che avevo in origine era questo:

Codice: [Seleziona]

<table class="nopad">
<tr valign="top">
<td>
<jdoc:include type="component" />
<jdoc:include type="modules" name="footer" style="xhtml"/>
</td>
<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<td class="greyline">&nbsp;</td>
<td width="170">
<jdoc:include type="modules" name="right" style="xhtml"/>
</td>
<?php endif; ?>
</tr>
</table>

lo ho modificato in questo modo:

Codice: [Seleziona]

<table class="nopad">
<tr valign="top">
<td>
<div style="background-color: #FFF1CD;border: 1px solid #000000">
<div style="padding:25px">
<jdoc:include type="component" />
<jdoc:include type="modules" name="footer" style="xhtml"/>
</div>
</div>
</td>
<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<td class="greyline">&nbsp;</td>
<td width="170">
<jdoc:include type="modules" name="right" style="xhtml"/>
</td>
<?php endif; ?>
</tr>
</table>

dopodichè ho eliminato il padding dal css (altrimenti in FF si aggiunge a quello creato da php).
ora FF e IE visualizzano allo stesso modo!!

spero che questo sia di aiuto 

[ariess]

AZZZ....
ho cantato vittoria troppo presto!! 

in effetti il padding funziona, ma il problema è che se il box degli articoli è vuoto mi appare comunque un piccolo box di 50px (il padding!! 25 top+25 bottom) vuoto!!!

c'è modo di risolvere o devo rassegnarmi e lasciare IE senza padding? 

nel frattempo ho modificato così:

Codice: [Seleziona]

<!--[if IE]>
<div style=" background-color: #FFF1CD; border: 1px solid #000000">
<div style="padding:25px">
<jdoc:include type="component" />
</div>
</div>
<!--[else]>
<jdoc:include type="component" />
<![endif]-->
<jdoc:include type="modules" name="footer" style="xhtml"/

come al solito FF è OK ma IE no.

[tonicopi]

Prova a dare il padding con questa regola:
table.contentpaneopen td {
padding:25px;
}

[ariess]

grande tonicopi grazie!!!
erano giorni che cercavo di risolvere questo problema!!

se non chiedo troppo, me la potresti spiegare? sai ormai è una questione di principio!! 

cosa indica quel "td"??
grazie ancora

[tonicopi]

Il td è il tag che crea la cella di una tabella.
Qui si va per tentativi ricdata e si continua a ravanare finchè si risolve...
Evidentemente IE non legge il padding dato alla tabella ma digerisce quello dato alla cella della tabelle medesima, che dovrebbe essere la medesima cosa...  Come una ragazza che ti dice no se gli dici: "ci stai?" ma che poi cede se gli dici "ti amo" 

[pierpobaby]

intanto ringrazio tonicopi, i cui consigli e guide hanno spesso risolto problemi che mi sembravano insolubili...
ho un problema simile: ie non mi legge il padding dell'href.
ho messo un top menu e ho caricato un'immagine che si ripete nel attributo "a", ma ie non lo vede.
il problema è che sull'html vedo :"td nowrap="nowrap" e non so' a che class mi devo rifare.
ho fatto un pò di prove, ma brancolo nel buio...ringrazio in anticipo qualsiasi tentativo di aiuto.

[tonicopi]

Link al sito please... 

[pierpobaby]

questo il sito: http://ilfaroristorante.com/
grazie per l'interessamento.

[tonicopi]

Menù del giorno

Linguine allo scoglio
Polpette di neonata
Insalata di mare

25$ (coperto 2$)

Ma davvero fanno polpette di neonata?  Da quando non ci sono più comunisti credevo non accadessero più queste cose... 
E a Narni circola il dollaro? 

Non ti riesco ad aiutare da qua. Ma fai prima a trovare un template che realizzi quel menù con div. Forse anche con swmenufree fai prima a risolvere:
http://www.joomla.it/articoli-della-community/4008-menu-a-tendina.html
 

[pierpobaby]

in verità le polpette di neonata si fanno solo in sicilia(dove ho vissuto)e il dollaro è un pò ironico...
con swmenufree ho problemi di visualizzazione del javascript(indovina un pò) con IE su un altro sito.
comunque grazie di cuore