• User

    problema dimensione intestazione

    ciao a tutti, stavo provando alcune impostazioni x un nuovo sito, ma mi sono accorto di una differenza di visualizzazione.
    potreste aiutarmi a risolverla?
    la pagina incriminata è http://zack77.altervista.org/prova/index7.php
    con firefox la parte che dovra essere occupata dall intestazione è + grossa di quella di explorer, che x altro è quella che vorrei che saltasse fuori


  • Consiglio Direttivo

    Ciao zack77, sposto la tua discussione in html e xhtml, riceverai molto più aiuto 🙂


  • Super User

    Ciao, zack
    prova a impostare la grandezza del font con le percentuali anziche con i px.


  • User Attivo

    @zack77 said:

    ciao a tutti, stavo provando alcune impostazioni x un nuovo sito, ma mi sono accorto di una differenza di visualizzazione.
    potreste aiutarmi a risolverla?
    la pagina incriminata è http://zack77.altervista.org/prova/index7.php
    con firefox la parte che dovra essere occupata dall intestazione è + grossa di quella di explorer, che x altro è quella che vorrei che saltasse fuori

    Ciao zack77
    Nella tua pagina ci sono diverse tipologie di problemi.
    Da qualche copia/incolla errato ti sei portato dietro 2 ?DOCTYPE? e 2 HEAD?
    Ad ogni modo, di seguito, ti riporto il codice corretto. (relativamente corretto :D)

    ** Per quanto riguarda la visualizzazione diversa tra IE7 e FF2**:
    Bisogna definire il margin e il padding, sia dello .Stile1 che dello .Stile2 che nel tuo caso corrispondono a < H1> e <p>

    Inoltre, devi correggere altri errori... ad esempio le unità di misura; ad esempio: se scrivi altezza 90, alcuni interpreti pensano che siano px altri no... L'unica unità che non da problemi è "0"

    [html]
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Documento senza titolo</title>
    <style type="text/css">
    <!--
    .Stile1 {
    font-size: 40px;
    color: #003366;
    font-style: italic;
    margin: 5px;
    padding: 5px;
    }
    body {
    background-color: #CCFFFF;
    }
    .Stile2 {
    font-size: 16px;
    color:;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    margin: 5px;
    padding: 5px;
    }
    -->
    </style>
    </head>
    <body>
    <table width="100%" height="90" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <th width="36%" height="90" scope="col"><img src="logoselda.jpg" width="284" height="84" align="left" /></th>

    <th width="32%" bgcolor="#FFFF99" scope="col"><h1 class="Stile1">Selda srl </h1>
    <p class="Stile2">Elaborazioni Contabili - 28041 Arona </p></th>
    <th width="32%" bgcolor="#FFFF99" scope="col">&nbsp;</th>
    

    </tr>
    </table>
    <p> </p>
    <table width="800px" height="1024px" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <th colspan="3" scope="col"><p><a href="/prova/index2.php">index2</a></p>
    <p><a href="/prova/index3.php">index3</a></p>
    <p><a href="/prova/index4.php">index4</a></p>

    <p><a href="/prova/index5.php">index5</a></p>
    <p><a href="/prova/index6.php">index6</a></p>
    <p><a href="/prova/index8.swf">index8</a></p></th>
    

    </tr>
    <tr>
    <td height="246" colspan="3"> </td>
    </tr>

    <tr>
    <td width="33%"> </td>
    <td width="43%"> </td>
    <td width="24%"><img src="/prova/imm/logo.jpg.png" width="205" height="41" longdesc="/prova/index3.php" /></td>
    </tr>
    </table>
    </body>
    </html>

    [/html]


  • User

    vi sfrutto ancora un po'.... siccome le pagine del sito dovranno aver una parte in comune e ripetitiva, vi inserisco il codice del file .php a cui faranno riferimento. in questo codice c'e' la intestazione x la quale avevo aperto questa discussione, ovvero x la risoluzione diversa con ie7 e firefox.
    cmq... ecco il codice:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Documento senza titolo</title>
    <style type="text/css">
    <!--
    .Stile1 {
    	font-size: 45px;
    	color: #003366;
    	font-style: italic;
    }
    body {
    	background-color: #FFFFFF;
    }
    .Stile2 {
    	font-size: 16px;
    	color:;
    	font-family: Geneva, Arial, Helvetica, sans-serif;
    }
    -->
    </style>
    </head>
    
    <body>
    
    <table width="100%" height="90" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <th width="36%" height="90" scope="col"><img src="logoselda.jpg" width="284" height="84" align="left" /></th>
    		<th width="32%" height="60%" valign="middle" bgcolor="#FFFF99" scope="col"><h1 class="Stile1">Selda srl </h1>
        <p class="Stile2">Elaborazioni Contabili - 28041 Arona </p></th>
        <th width="32%" bgcolor="#FFFF99" scope="col">Selda s.r.l. </th>
      </tr>
    </table>
    <p>&nbsp;</p>
    </body>
    </html>