- Home
- Categorie
- Coding e Sistemistica
- Coding
- problema dimensione intestazione
- 
							
							
							
							
							
problema dimensione intestazioneciao 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, sposto la tua discussione in html e xhtml, riceverai molto più aiuto  
 
- 
							
							
							
							
							
Ciao, zack 
 prova a impostare la grandezza del font con le percentuali anziche con i px.
 
- 
							
							
							
							
							
@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 fuoriCiao 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"> </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] 
 
- 
							
							
							
							
							
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> </p> </body> </html>