Sto creando un banner-logo in html/css, ma ho dei problemi con firefox.
Con Explorer7 tutto ok, ma se lo apro con mozilla firefox, l'immagine superiore si vede spostata.
Per non parlare della distorzione se provo a ingrandire la visualizzazione del browser (in firefox).
Questo è 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">
<!--
.stile{
background-color:#FFFFFF;
text-align:center;
border:0; margin:0px;
padding:5px; }
.stile img{border:0; margin:0; padding:0; }
.stile p{
background-color:#F35712;
color:#FFFFFF;
font-family:Futura, Arial, Helvetica, sans-serif;
border:0; padding:0;margin:0;
text-align:center;
letter-spacing:1px;
width:140px; height:auto;
line-height:10px; }
.stile a{
color:#FFFFFF;
text-decoration:none;
text-align:center;
margin:0; padding:0; border:0;
font-size:8px;
font-weight:bold;}
.stile a:hover{color:#465d6d;}
p.indirizzo{
background-color:#FFFFFF;
color:#004d95;
font-family:Futura, Arial, Helvetica, sans-serif;
border:0; margin-top:2px; padding:0;
text-align:center; letter-spacing:2px;
width:140px; font-size:10px; }
-->
</style>
</head>
<body>
<div class="stile" style="width:150px;">
[img]logo.gif[/img]
<p class="stile">comunicazione multimediale</p>
<p class="indirizzo">www.nomesitosrl.it</p></div>
</body>
</html>
Rispondi quotando
