Ciao a tutti, ho un problema con del testo dentro un div, ora vi spiego. Dentro il div ho aperto tre paragrafi perché il testo deve stare su tre righe una sotto l'altra, e fino qui tutto ok, ma se imposto la grandezza delle linee (line-height) a 2px nel div, il div non si espande in altezza e soprattutto mi taglia la prima e l'ultima riga. ora vi posto il codice html con e senza line-height. Vorrei diminuire lo spazio vuoto tra le linee come faccio?Il div in questione è il div Piede.
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=UTF-8" />
<title>Documento senza titolo</title>
<style type="text/css">
.contenitore {
height: auto;
width: 1000px;
left: 50px;
top: auto;
right: auto;
bottom: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
background-color: #FFF;
}
#logo {
margin: 0px;
padding: 0px;
height: 185px;
width: 1000px;
}
#menu {
height: 36px;
width: 1000px;
}
#image {
height: 244px;
width: 1000px;
}
#testi {
height: auto;
width: 1000px;
}
#piede {
height: auto;
width: 1000px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 2px;
background-color: #FFF;
}
</style>
<script src="file:///J|/sito_paolo/Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body bgcolor="#F4F4F4">
<div align="center" class="contenitore">
<div id="logo" >
[img]images/sito1_r1_c1.gif[/img]
</div>
<div id="menu">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1000" height="36">
<param name="movie" value="swf/menu.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="file:///J|/sito_paolo/Scripts/expressInstall.swf" />
<object type="application/x-shockwave-flash" data="swf/menu.swf" width="1000" height="36">
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="file:///J|/sito_paolo/Scripts/expressInstall.swf" />
<div>
<h4>Il contenuto di questa pagina richiede una nuova versione di Adobe Flash Player.</h4>
</p>
</div>
</object>
</object>
</div>
<div id="image">
[img]images/home.png[/img]
</div>
<div id="testi">
</p>
</p>
</div>
<div id="piede">
ADR M.C. SRL mediazioni conciliazioni - sede legale - Via Vittorio Veneto n° 9 10026 Santena (To)</p>
tel-fax: 0119456246 - P.IVA/ CF: 1063410001P Numero REA: TO - 1150048</p>
adrmcsrl@legalmail.it - adrmediazioniconciliazioni@pec.it</p>
Foto by photogenia</p>
</div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>
Se io tolgo line-height dal div piede, tutto funziona sia su Safari, Internet Explorer, Firefox, ma lo spazio tra le linee è troppo, se io lascio line-height viene fuori il casino spiegato sopra, come faccio a ridurre questo spazio. Grazie mille per le soluzioni che mi darete.