Visualizzazione diversa tra IE e CHROME

[danibersa]

Buon pomeriggio,
avendo creato un modulo html personalizzato riscontro grandi differenze di visualizzazione tra i due browser.


Un immagine che rimpicciolendola la visualizzo con le dovute differenze su Chrome, IE 10 non mi presenta diminuzioni rimane inalterata. IL modulo è ospitato da un framework ELix.


Come posso fare a farlo intepetrare in maniera accettabile anche da Ie ?


J 2.5.14
Grazie !


Daniele

[webdesigneritalia]

Ciao,


hai provato nell'editor, in visione codice html  modificare la misura dell'immagine ?
Intendo, dove leggi  width= e poi la misura espressa in pixel, dell'immagine in oggetto, mettere in  % (per cento).
Si tratta di individuare la giusta percentuale che vuoi sia poi l'immagine a pieno schermo.
Sappimi dire.
Buon lavoro 

[danibersa]

<[/size]img[/size] [/size]src[/size]="[/size]images/logj.jpg[/size]" [/size]border[/size]="[/size]0[/size]" [/size]width[/size]="[/size]25%[/size]" [/size]height[/size]="[/size]25%[/size]" [/size]align[/size]="[/size]centre[/size]" [/size]style[/size]="[/size]border: 1px; vertical-a[/size]lign: baseline; float: left;[/size]"/>
[/size][/color]

[danibersa]

Scusami avevo copiato il codice fa fire bug ma ho combinato una casino !

<h3>Benvenuti nel sito dell'AsXXXXXXXXXX"XXXXXXXXX</h3>
<h3><img src="images/logj.jpg" border="0" width="25%" height="25%" align="centre" style="border: 1px; vertical-align: baseline; float: left;" /></h3>


Su Ie non mi cambia su Chrome si

[webdesigneritalia]

Ciao,
se modificando il valore da pixel a percentuale il problema persiste, è necessario scrivere l'istruzione condizionale, ( per explorer) nel foglio css relativo alle regole sulle img.
Sinceramente non mi ricordo la stringa....
Ti auguro che altri ti rispondano presto...
auguri

[alessioa]

Ciao,

come suggerisce giustamente webdesigneritalia, devi usare una condizione solo per ie, chrome, ecc.

Per ie puoi inserire queste righe nel file principlae del tuo template, di solito index.php, poi crei i due relativi css e ci scrivi le relative regole.

<!--[if IE 9]>
<link rel="stylesheet" href="css/ie9hack.css" type="text/css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" href="css/ie8hack.css" type="text/css" />
<![endif]-->

Per Safari e Chrome si usa "webkit", la stringa di incollare nel css è :

@media screen and (-webkit-min-device-pixel-ratio:0) {

#miodiv{background:red;color:white;}

}

[ellezero]

ciao danibersa,
non avresti un link al sito cosi da poterti aiutare puntualmente su quel che devi fare?
ciao!