|
|
Posted by mgaggia on 06/21/06 15:25
Scusate ma non riesco proprio a venirci a capo.
Se inserisco un float (come nell'esempio sotto) margin e padding non
funzionano bene.
Mi spiego facendo riferimento all'esempio sotto
Così com'è il margin-top impostato in
indirizzo-basso
e il padding-bottom impostato in
lista-testo-sezione
funzionano in ie6 ma non in firefox 1.5.0.4 che non spazia di nulla i
due elementi
Se tolgo float da
testo-sezione
tutto ok sia in ie che firefox, però la lista compare in verticale.
Qual'è il problema? Un aiutino?
1000 Grazie
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it-IT"
lang="it-IT">
<head>
<meta name="GENERATOR" content="xxxx" />
<meta http-equiv="Content-Language" content="it-IT" />
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"
/>
<meta name="description" content="xxxxxx" />
<style type="text/css" media="all">
#pagina{
background-color:#FFFFFF;
color:#000000;
width: 777px;
margin: 0 auto;
}
#piepagina{
clear: both;
padding: 0px;
margin: 0px;
margin-top: 5em;
}
#area-testo-sezione{
margin: 0em;
padding: 0em;
}
..lista-testo-sezione{
display: list-item;
list-style-type: none;
padding: 0em;
margin: 0em;
margin-bottom: 1em;
}
#indirizzo-basso{
clear: both;
font-family:Verdana,Arial,Tahoma,sans-serif;
font-size:0.65em;
color:#C6CDDA;
background-color:#1c396a;
padding-top: 0.6em;
padding-bottom: 0.6em;
padding-left: 10.3em;
padding-right: 0.3em;
margin: 0em;
margin-top: 10em;
}
..riferimenti{
FONT-STYLE: normal;
FONT-FAMILY: Verdana,Arial,Tahoma,Helvetica,sans-serif;
color: #C6CDDA;
text-decoration: none;
}
#area-testo-sezione{
margin: 0em;
padding: 0em;
}
..link-testo-sezione{
color:#1C396A;
margin: 0em;
padding: 0em;
}
..testo-sezione{
color:#000000;
FONT-FAMILY: Verdana,Arial,Tahoma,sans-serif;
font-size:0.75em;
margin: 0em;
padding: 0em;
padding-top: 0.2em;
padding-bottom: 0.2em;
padding-left: 0.4em;
padding-right: 0.4em;
float: left;
}
</style>
<title>Test padding</title>
</head>
<body id="pagina">
<div id="piepagina">
<div id="area-testo-sezione">
<ul class="lista-testo-sezione">
<li class="testo-sezione">[ <a class="link-testo-sezione"
href="#">home</a> ]</li>
<li class="testo-sezione">[ <a class="link-testo-sezione"
href="#">pippo</a> ]</li>
<li class="testo-sezione">[ <a class="link-testo-sezione"
href="#">pluto</a> ]</li>
<li class="testo-sezione">[ <a class="link-testo-sezione"
href="#">paperino</a> ]</li>
</ul>
</div>
<div id="indirizzo-basso">
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla</a>
</div>
</div>
</body>
</html>
Navigation:
[Reply to this message]
|