un bel rompicapo. Hai molti div flottanti e tutti i margini sinistri in pixel, il tutto è costruito per la tua risoluzione. Bisogna metter mano all'intera struttura. Ho modificato il tutto ripulendo un po'. Ora è a posto anche lo slide che prima con firefox appariva sull'estrema destra in una pagina molto allungata (devi ripristinare il css originale di nivoSlider (l'impostazione da settare è quella della dichiarazione in linea del div che trovi nel codice).
Resta da mettere a posto il menu superiore (se inserisci un elenco, il triangolino che appare sul link può essere inserito sulla voce elenco, eliminando il div header e permettendo di applicarle lo stile alla voce elenco via via interessata, senza tormentarsi per riposizionarlo). Ti allego il codice
css relativo alle parti modificate e integrate:
codice:
*{
margin:0;
padding:0;
border:none
}
#menu{
text-align: center;
font-size:17px;
font-family:"Times New Roman", Times, serif;
height:30px;
padding-top:21px;
width: 600px;
margin:0 auto;
}
#menu a
{
color: #FFF;
text-decoration: None;
width: 100px; padding:0 10px
}
#menu a:hover
{
color: #FFF2E6;
text-decoration: None;
}
.Stile1 {font-size: 18px}
#logo{
width:960px;
height:160px;
margin:6px auto 0 auto;
background:url(images/logo2.jpg) no-repeat top center;
}
#languages {
heigth:50px;
overflow:hidden;
}
a#ita, a#ing {
display:block;
color:#660000;
text-decoration: none;
width: 80px;
heigth:50px;
padding-left:25px;
float:right
}
a#ita {
background:url(images/bgita.png) no-repeat;
}
a#ing {
background:url(images/bging.png) no-repeat;
}
a#ita:hover, a#ing:hover {
color:#fff;
}
#colSin{
width:340px;
float:left;
}
#benvenuti{
font-family:'chancery_cursiveitalic';
font-size:50px;
color:#660000;
margin-bottom:30px;
}
#introduzione{
font-family:"Times New Roman", Times, serif;
font-size:17px;
}
#fotohome{
width:542px;
height:343px;
float:right;
background:url(images/foto-home.png)no-repeat;
}
#footer{
background:url(images/quadratino-footer.png);
width:100%;
height:85px;
overflow:hidden;
clear:both
}
#footerInner{
width:960px;
margin:0 auto;
text-align:center;
color:#fff;
font-family:"Times New Roman", Times, serif;
font-size:18px;
}
#indirizzo-footer{
color:#fff;
text-align:center;
width:320px;
margin-top:6px;
font-size:16px;
float:left;
}
#seguici{
float:left;
width:300px;
padding-top:20px
}
#seguici img{
vertical-align:middle
}
html home:
codice:
<body>
<div id="main">
<div id="header">
<div id="menu">
home
storia
servizi
gallery
prezzi
nei dintorni
contatti</div>
</div>
<div id="triangolino"> </div>
</div>
<div id="logo">
<div id="languages">ingita</div>
</div>
<div class="slider-wrapper theme-default" style="width:900px; margin:0 auto">
<div id="slider" class="nivoSlider">
[img]nivo-slider/demo/images/esterno1.png[/img]
[img]nivo-slider/demo/images/letto.png[/img]
[img]nivo-slider/demo/images/esterno2.png[/img]
[img]nivo-slider/demo/images/cibo.png[/img] </div>
</div>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
<div id="bg-beige">
<div id="bg-beige-content" style="width:960px; margin:0 auto">
<div id="colSin">
<p id="benvenuti"> Benvenuti </p>
<p id="introduzione">S<span class="Stile1">iamo situati nel cuore del Parco Nazionale del Pollino, al confine fra Basilicata e Calabria.
Il Castello dispone di tutti i servizi necessari per il tuo soggiorno in pieno relax, tra la comodità delle nostre camere, le nostre specialità culinarie e le escursioni nella natura!
</span><span class="Stile1">
Ti aspettiamo...!!!</span></p>
</div>
<div id="fotohome">
<div id="bg-specialita">
<div id="specialita">
le nostre specialità </div> </div>
<div id="bg-gallery">
<div id="gallery">
vai alla galleria </div>
</div>
</div>
<div style="clear:both"></div>
</div>
<div id="footer">
<div id="footerInner">
<div id="seguici">Seguici su: [img]images/face.png[/img]
[img]images/twi.png[/img]
</div>
<div id="indirizzo-footer">
<span class="Stile1">Il Castello</span>
Via Pontini, ...
Tel..... e-mail: XXXXXXXXXX
</div>
</div>
</div>
</div>
</body>
da regolare a piacere i padding, puoi riaggiustare anche le dimensioni
p.s.: non usare caratteri speciali nei nomi degli identificatori (non "specialità" ma "specialita" o altra soluzione - nel codice trovi "specialita" perché è la modifica che avevo fatto nel css)
Permessi di invio
Rispondi quotando