- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- problema dimensione intestazione
-
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
-
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>