Visualizzazione diversa in base a mozzilla ed altri

intimoviro · 2009-08-26T17:49:35+0200

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 · 2009-08-26T18:12:41+0200

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

intimoviro · 2009-08-26T18:16:43+0200

Ok grazie, provo subito

WpStyle · 2009-08-26T18:24:25+0200

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

intimoviro · 2009-08-26T18:30:25+0200

Cosa è questo hack?

WpStyle · 2009-08-26T18:38:12+0200

Sono dei trucchetti per aggirare alcuni problemi con IE...
cerca su Google "hack ie" e ne trovi finchè vuoi

intimoviro · 2009-08-26T22:03:35+0200

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:

WpStyle · 2009-08-26T23:01:06+0200

Lo hai creato il Css apposito per IE?

intimoviro · 2009-08-26T23:03:19+0200

lo sto creando, però vorrei vedere la differenza man mano che lo modifico, però non mi compare nulla :dipser:
cioè non vedo differenza

WpStyle · 2009-08-26T23:09:15+0200

Sicuro di aver inserito il percorso del file giusto?

intimoviro · 2009-08-26T23:17:50+0200

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>


<link href="style.css" type="text/css"
rel="stylesheet">

E' scritto corretto?

WpStyle · 2009-08-26T23:37:57+0200

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"/>

intimoviro · 2009-08-27T00:05:47+0200

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

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;">
info@.....it © 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>

intimoviro · 2009-08-27T16:27:22+0200

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

WpStyle · 2009-08-27T18:06:41+0200

Ci spieghi come hai risolto...era una questione di path?.....
se si tratta di testo prova a controllare il font-size nei css

intimoviro · 2009-08-27T18:14:45+0200

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 · 2009-08-27T18:18:38+0200

questa discussione centra poco con PHP, la sposto nella sezione adeguata

WpStyle · 2009-08-27T18:24:12+0200

invece di font-size:auto; prova a dare un valore in px al testo

intimoviro · 2009-08-27T18:34:37+0200

Hai ragione Eliox, ma solo che ormai avevo fatto lo sbaglio iniziale di postarlo qui, e non sapevo più come continuare nell'altra sezione.

Robby84 · 8 Set 2009

https://www.mrw.it/css/articoli/usare-commenti-condizionali-fogli-stile_812.html mi pare una buona guida..

Visualizzazione diversa in base a mozzilla ed altri

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Discussioni simili