Visualizzazione diversa in base a mozzilla ed altri

I

intimoviro

Utente Attivo
18 Ago 2009
272
0
0
Salve, sono ancora qua, volevo chiedervi una cosa importantissima, oggi provando il sito che sto creando, mi sono accorto che per mozilla la visualizzazione è perfetta, mentre per internet explorer è differente, come posso fare per ovviare questa cosa? C'è qualche funzione?
Grazie :crying:
 
danlupo

danlupo

Utente Attivo
13 Lug 2009
73
0
0
Metti nella pagina una condizione del tipo

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

dove crei un css fatto a posta per IE.

Io ho dovuto fare così perchè non mi dava la stessa misura anche se utilizzavo i px
 
WpStyle

WpStyle

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
Magari ci fosse qualche funzione che risolvesse tutto con un click:crying: ....
è un problema noto la diversa interpretazione del codice da parte dei vari browser e diciamo che Explorer la fa da padrone...
o segui il consiglio di danlupo con un Css ad hoc oppure applichi qualche hack in modo da prendere per il c... il nostro amato browser...

buon lavoro:D
 
I

intimoviro

Utente Attivo
18 Ago 2009
272
0
0
Scusa, ma dove va inserita quella condizione, perchè l'ho inserita tra i tag <head>, ma non vedo alcuna differenza dal vecchio al nuovo css.
Grazie :fonzie:
 
I

intimoviro

Utente Attivo
18 Ago 2009
272
0
0
lo sto creando, però vorrei vedere la differenza man mano che lo modifico, però non mi compare nulla :dipser:
cioè non vedo differenza
 
I

intimoviro

Utente Attivo
18 Ago 2009
272
0
0
Ho fatto una prova, cioè ho provato ad inserire il css che sto creando per IE nel percorso che uso normalmente, e le differenze si vedono, però se lo metto nel percorso di IE non mi da alcuna differenza.

Ho fatto così:

Tra i tag <head>

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

E' scritto corretto?
 
WpStyle

WpStyle

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
Metti entrambi i file nella stessa cartella, controlla che abbiano il nome giusto e richiamali nell' head così:
Codice: 
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="styleshet.css"/>
<![endif]-->
<link rel="stylesheet" type="text/css" href="style.css"/>

naturalmente se i file li hai inseriti in una sotto-cartella chiamata per esempio "css" dovrai cambiare il percorso del file così:
Codice: 
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/styleshet.css"/>
<![endif]-->
<link rel="stylesheet" type="text/css" href="css/style.css"/>
 
I

intimoviro

Utente Attivo
18 Ago 2009
272
0
0
Guarda sto impazzendo, ho inserito tutti e due i file nella cartella css che ho creato sotto tua indicazione, praticamente se mi vede un css non me ne vede un'altro. Ad esempio entrambi nella cartella mi va bene quello per IE e non quello per mozzilla, mentre se li metto entrambi fuori cartella cioè nella root principale mi vede quello di Mozzilla e non quello di IE, può centrare qualcosa la versione IE?
Scusami se ti sto chiedendo troppe cose, ma veramente non ci rieso, e pure è una cosa così banale :eek:

Ti posto la pagina in html:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Login</title>
  <meta http-equiv="Content-Style-Type" content="text/css">
  <meta http-equiv="Content-Type"
 content="text/html; charset=utf-8">
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="../css/styleshet.css"/>
<![endif]-->
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
<?php require_once('../alto.php'); ?>
</head>
<body style="color: rgb(0, 0, 0); background-color: white;"
 alink="#000088" link="#0000ff" vlink="black">
<table align="center" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="width: 766px; height: 780px;">
      <table cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td style="width: 42px; height: 780px;"></td>
            <td style="width: 676px; height: 780px;">
            <table cellpadding="0" cellspacing="0">
              <tbody>
                <tr>
                  <td
 style="width: 676px; height: 119px; background-image: url(images/grey_bg.gif); background-repeat: no-repeat;">
                  <table cellpadding="0" cellspacing="0">
                    <tbody>
                      <tr>
                        <td style="width: 560px; height: 119px;">
                        <br style="line-height: 48px;">
                        <img src="images/c_name.gif" alt=""
 hspace="3">
                        </td>
                        <td style="width: 116px; height: 119px;">
                        <br style="line-height: 66px;">
                        <a href="index-1.html"><img
 src="images/link.gif" alt="" style="margin-right: 18px;"
 border="0"></a><a href="#"><img
 src="images/link1.gif" alt="" style="margin-right: 21px;"
 border="0"></a><a href="#"><img
 src="images/link2.gif" alt="" border="0"></a>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  </td>
                </tr>
                <tr>
                  <td style="width: 676px; height: 563px;">
                  <table cellpadding="0" cellspacing="0">
                    <tbody>
                      <tr>
                        <td style="width: 226px; height: 563px;">
                        <a href="index.html"><img
 src="images/back.gif" alt="" border="0"></a><img
 src="images/pic2_1.gif" alt=""><br>
                        <img src="images/pic2_2.gif" alt=""><br>
                        <a href="index-2.html"><img
 src="images/comp.gif" alt="" border="0"></a><a
 href="index-3.html"><img src="images/srv.gif"
 alt="" border="0"></a><br>
                        <a href="index-4.html"><img
 src="images/sol.gif" alt="" border="0"></a><a
 href="index-5.html"><img src="images/cont.gif"
 alt="" border="0"></a><br>
                        </td>
                        <td
 style="width: 450px; height: 563px; background-color: rgb(248, 248, 248); background-image: url(images/top.gif); background-repeat: no-repeat;">
                        <table cellpadding="0" cellspacing="0"> <strong><h1>Ti guideremo in ogni tua scelta</h1></strong>
                          <tbody>
                            <tr>
                              <td
 style="width: 450px; height: 563px; background-image: url(images/bottom.gif); background-repeat: no-repeat; background-position: left bottom;">
                             
 
                              <br style="line-height: 8px;">
                              <img src="images/mondo.gif"
 alt=""
 style="margin-left: 30px; margin-right: 14px; margin-top: 0px;"
 align="left">
                              <strong><h3>Effettua il login per visualizzare tutti i contenuti delle nostre pagine.<br>Se non sei ancora registrato clicca <a href="underegistration.php"><b>qui</b></a> per accedere alla pagina di registrazione.<br>Registrarsi su questo sito offre molti vantaggi, perche' ogni settimana sarete aggiornati dal nostro studio su tutte le news, sconti e promozioni su tutti i nostri servizi tramite newsletter.<br> Tutti i nostri sconti e tutte le nostre promozioni sono studiate dal nostro studio appositamente per tutti gli utenti registrati ed attivi sul sito.</h3></strong><br>
                              <img src="images/px2_1.gif"
 alt="" style="margin-left: 29px; margin-top: 20px;"><br>
                              <br style="line-height: 23px;">
                              <img src="images/title1_2.gif"
 alt="" style="margin-left: 27px;"><small><br>
                              </small>
                              <div style="margin-left: 30px;">
                              <form name="login" method="post"
 action="<? $_SERVER['PHP_SELF']; ?>">
                                <div style="text-align: center;"><big><big><span
 style="font-weight: bold;">Effettua il Login:</span></big></big></div><br>
                                <table
 style="width: 439px; height: 146px;" cellpadding="5">
                                  <tbody>
                                    <tr>
                                      <td style="text-align: center;">
                                      <b>Username:</b> <input
 id="username" name="username" type="text"></td>
                                    </tr>
                                    <tr>
                                      <td style="text-align: center;">
                                      <b>Password:</b> <input
 id="password" name="password" type="password"></td>
                                    </tr>
<tr>
                                      <td style="text-align: center;"></td>
                                    </tr>
                                    <tr align="center">
                                      <td><img
 src="../captcha/captcha.php" alt="code" border="1">
                                      </td>
                                    </tr>
                                    <tr align="center">
                                      <td><input class="text"
 name="code" size="10" type="text">
                                      </td>
                                    </tr>
                              <tr>
                                      <td style="text-align: center;">
                                      <b>Ricordami su questo
computer</b><input name="ricordami[]" value="ON"
 class="check" type="checkbox"> </td>
                                    </tr>
                                    <tr>
                                      <td align="center"> <input
 value="Invia" name="submit" id="submit"
 class="button" type="submit"><input value="Resetta"
 class="button" type="reset"> </td>
                                    </tr>
                                  </tbody>
                                </table>
                              </form>
                              <br style="line-height: 14px;">
                              <strong></strong><strong><a
 href="/prova/utente/underegistration.php"><strong>Registrati</strong></a> </div>
                              <img src="images/px2_1.gif"
 alt="" style="margin-left: 29px; margin-top: 20px;"><br>
                              <br style="line-height: 22px;">
                              <br>
                              </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  </td>
                </tr>
                <tr>
                  <td style="width: 676px; height: 98px;"
 class="policy">
                  <br style="line-height: 45px;">
[email protected] © 2009 <img src="images/img.gif"
 alt=""> <a href="index-6.html">Privacy Policy</a>
                  </td>
                </tr>
              </tbody>
            </table>
            </td>
            <td style="width: 48px; height: 780px;"></td>
          </tr>
        </tbody>
      </table>
      </td>
    </tr>
  </tbody>
</table>
</body>
</html>
 
Ultima modifica:
I

intimoviro

Utente Attivo
18 Ago 2009
272
0
0
Ciao ragazzi, ho risolto la situazione riguardante al problema dei css scritti sopra, ora vorrei chiedervi un'altra cosa, ho notato che la differenza che ora ho tra mozzilla e IE è che in IE explorer m'ingrandisce il contenuto della pagina, nei css cosa devo fare per ridurre lo zoom?
Grazie:D
 
I

intimoviro

Utente Attivo
18 Ago 2009
272
0
0
Prima di tutto era una questione di percorso dei file, poi sto risolvendo inserendo dei hack nel css, però ho trovato i font nel css, ma anche se modificati, non mi cambia niente, per nessuno dei due broswer.
Ti posto il codice css:

Codice: 
td, table{
	font-family:verdana;
	font-size:auto;
        #font-size:auto;
	vertical-align:top;
	line-height:auto;
        #line-height:auto;
	color:#7F7F7F;
	
}



#form { margin:auto; padding:auto}
form { margin:auto; padding:auto}
#body { margin:auto; padding:auto; background-color: #FFFFFF}
body { margin:0px; padding:0px; background-color: #FFFFFF}

a { color:#000000; text-decoration:none}
a:hover{ text-decoration:underline}

span a { color:#E93400; text-decoration:underline}
span a:hover{ text-decoration:none}

.list ul{margin:0px; padding:0px; list-style:none; line-height:19px;}
.list ul li{ background:url(images/list_marker.gif) no-repeat left top; padding:0 0 0 10px}
.list ul li a{ color:#E93400; text-decoration:none}
.list ul li a:hover{text-decoration:none}

.policy{ color:#7F7F7F}
.policy a{ color:#000000; text-decoration:none}
.policy a:hover{ text-decoration:underline}

span{ color:#000000}

#strong a{ font-size:auto}



strong{ font-size:10px}
b{ color:#000000}

.form input {
	width:auto;
        #width:auto;
	height:21px;
	font-family:verdana;
	font-size:9px;
        #font-size:auto;
	color: #7F7F7F;
	padding:2 0 0 6px;
	border-color:#D5D5D5;
	border-style:solid;
	border-width:1px;
	background-color:#F8F8F8
}



.form textarea {
	width:191px;
	height:102px;
	font-family:verdana;
	font-size:9px;
	color:#7F7F7F;
	overflow:hidden;
	padding:2 0 0 6px;
	border-color:#D5D5D5;
	border-style:solid;
	border-width:1px;
	background-color:#F8F8F8
}

Dove riporta il simbolo "#" vale per IE e funziona, però dove c'è scritto font-size nel form textarea se lo modifica non mi cambia niente nella visualizzazione.

Sai come posso risolvere?

Grazie:fonzie:
 
Eliox

Eliox

Utente Attivo
25 Feb 2005
4.390
3
0
questa discussione centra poco con PHP, la sposto nella sezione adeguata
 
I

intimoviro

Utente Attivo
18 Ago 2009
272
0
0
Hai ragione Eliox, ma solo che ormai avevo fatto lo sbaglio iniziale di postarlo qui, e non sapevo più come continuare nell'altra sezione. :D
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
K [Joomla] Visualizzazione anteprima diversa dalla demo del template Joomla 0
S visualizzazione diversa FF e IE HTML e CSS 0
F CSS - visualizzazione diversa ie6 HTML e CSS 2
D Visualizzazione data di una pagina diversa Javascript 0
D protezione cartelle: blocco visualizzazione/scaricamento contenuto, ma abilitazione utilizzo dati da parte di file .php presenti sul sito Web Server 1
A Visualizzazione due tabelle PHP 1
F Problemi visualizzazione mappa Android studio Sviluppo app per Android 0
M Visualizzazione a video risultati query php PHP 0
M Errore visualizzazione meta tag title e description SEO e Posizionamento 1
D Visualizzazione pagina basata sul valore di un campo del database PHP 2
F Visualizzazione motore di ricerca SEO e Posizionamento 2
T cms con visualizzazione mind map CMS (Content Management System) 0
B margini e padding nella visualizzazione mobile HTML e CSS 6
A Errore visualizzazione selezione testo Photoshop 0
R Visualizzazione barra superiore Google Search Console 0
Beppe2 Visualizzazione sottotitoli video HTML e CSS 2
F Problemi di visualizzazione di un sito su più browser WordPress 0
S Problemi di visualizzazione form contatti sito web HTML e CSS 2
L risolto visualizzazione e ordinamento dati PHP 1
Y Problema visualizzazione PDF generato da fpdf PHP 1
gandalf1959 Youtube e possibilità di visualizzazione delle playlist HTML e CSS 0
P Cambiare visualizzazione con JS Javascript 1
L Mancata visualizzazione di icone su button PHP 0
F [PHP] Visualizzazione video PHP 3
R Visualizzazione tabella Mysql MySQL 0
R anomalia nella visualizzazione tabella mysql MySQL 1
R [PHP] Visualizzazione dati Array PHP 2
pjtertdj Visualizzazione dati in php da mysql con funzione matematica in javascript PHP 1
Giacomo Boccherini Impedire la visualizzazione portrait per alcune mediaqueries jQuery 1
gandalf1959 Estrazione e visualizzazione del simbolo dell'euro php/mysqli PHP 0
M Problema visualizzazione colori in photoshop Photoshop 0
Spown [WordPress] Problemi visualizzazione su più browser + voci menu in movimento WordPress 1
R Visualizzazione elementi Access MS Access 2
D [Photoshop] Visualizzazione a Monitor tasti ALT e CTRL Photoshop 0
Andrea_Ventura [HTML] Problemi con visualizzazione Navigation Bar HTML e CSS 10
M [HTML] Problema visualizzazione immagini su dispositivi HTML e CSS 4
B Visualizzazione interfaccia grafica photoshop cs 5 Photoshop 1
Z [HTML] aiuto per visualizzazione su tablet Offerte e Richieste di Lavoro e/o Collaborazione 6
G [PHP] Visualizzazione errata immagini PHP 3
Antonio Nervi [Javascript] Problema visualizzazione banner accettazione cookies Javascript 6
A Problema visualizzazione photoshop elements 9 Photoshop 1
G [Photoshop][Joomla] Errore visualizzazione immagine Photoshop 1
O Visualizzazione singolo contenuto con php PHP 7
M [Javascript] Visualizzazione mappa Javascript 1
elpirata [PHP] Evitare la visualizzazione del carattere di nuova linea \r\n PHP 5
A WAMP visualizzazione sito in locale Web Server 3
A [Javascript] Problema visualizzazione posizione corrente su mappa Javascript 2
A [PHP] Visualizzazione righe (a capo) file .txt PHP 2
A [PHP] Problema visualizzazione nome utente loggato su sito ecommerce PHP 23
E php Mysql visualizzazione file *.php in tabella PHP 0

Discussioni simili

Alto Basso