ciao.
Ho la seguente bozza di sito:http://giuseppe501.altervista.org/sito/bicchieri.htm .
NOn riesco a capire perchè in ie6 mi compare una piccola spaziatura tra la navigazione e i contenuti.
QUesto è il css:
dopo aggiungo solo dei link ma non v'è niente di importante.codice:html,body{margin: 0; padding:0} body{font-family: arial,sans-serif;font-size: 76%;text-align: center;} div#container{width: 990px; margin: 0 auto;text-align: left} /*stili generici, su header e footer*/ div#header{} div#footer a{font-weight: bold;text-decoration: underline} div#content{ height:710px;width:740px;margin-left: 0px;background-image:url(ImmSito/sfondooggetti.jpg);background-repeat: no-repeat;} /*stili specifici per il layout*/ div#navigation{ float:left;margin-left: 0px; width: 240px;padding-top :230px; background-image: url(ImmSito/logo.jpg);background-repeat: no-repeat;height:800px; } div#footer{clear:right; } /*stili per la navigazione*/ div#navigation ul{display: block; padding: 0 0 0 0;margin: 0em 0 0em 0em;list-style-type: none;} div#navigation a#Contatti{ background: url(ImmSito/bicchieri.gif) ; height: 35px; width: 220px; display: block; color: #0d2474; margin-top: 20px; }
questo è l'html:
[code]
<body>
<div id="container">
<div id="header"></div>
<div id="navigation">
<ul id="navUL">
<li >
<li >
<li >
<li >
<li >
<li >
<li >
[/list]
</div>
<div id="content">
<div class="tabellaOggetti">
<table >
<tr>
<td style="padding-left:20px;padding-top:22px" >[img]Foto Piccole/447-Rma.jpg[/img]</td>
<td style="padding-left:20px;padding-top:22px;">[img]Foto Piccole/IMG_7316.jpg[/img]</td>
<tr>
<td style="padding-left:20px;padding-top:22px;">[img]Foto Piccole/508-Giarelliani.jpg[/img]</td>
<td style="padding-left:20px;padding-top:22px;">[img]Foto Piccole/490-Willy's.jpg[/img]</td>
</tr>
</tr>
</table>
</div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
[code]

Rispondi quotando