La tua pagina risulta tagliata in alto, non solo con Firefox. Toglierei quel posizionamento assoluto e anche l'altezza, lasciando che il contenitore si adatti al contenuto. Converrà anche togliere i br doppioni specificando un line-height per le barre di navigazione (che comunque potranno essere riviste quando inserirai i link).
Guardando la tua immagine, questo all'incirca potresti avere (da regolare magari meglio qualche padding, rivedendo parte della struttura avevo modificato i nomi di alcuni selettori per capire meglio, rinominali magari, contenuti è la colonna sinistra quindi #left, la barra destra è #right):
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" xml:lang="it" lang="it">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Antonio e Giulia, Appartamenti per vacanze a Vieste</title>
<link type="text/css" rel="stylesheet" href="antegiu_style.css" />
</head>
<body>
<div id="main">
<div id="left">
<div id="testata">
<p id="proprietari">Antonio e Giulia</p>
<p id="introduzione">[img]images2/foto_proprietari/ant_giulia.jpg[/img]La proprietà si trova in un’area tranquillissima e contornata da antichi ulivi e tipica vegetazione mediterranea.
Dista 3 km da una splendida spiaggia di sabbia finissima di circa 3 km e 4 km dal centro del paese.
Gli appartamenti sono curatissimi, arredati con gusto, freschi, spaziosi e dotati dei migliori comfort.
Si dividono in tre trilocali e un monolocale ed ognuno dispone di una o due camere da letto, cucina attrezzata, bagno con doccia, lavatrice, veranda con tavoli e sedie e di un idilliaco angolo barbecue in pietra fra gli ulivi.
Antonio e Giulia vivono in luogo e dedicano ai loro ospiti ogni tipo di attenzione in modo cordiale e familiare ma, al tempo stesso, molto discreto.
L’orto di famiglia infine, pieno di ogni genere di verdura di stagione, è a disposizione piena e gratuita dei loro ospiti.</p>
<p class="indirizzo">omesso</p>
</div>
<div class="sez_sec">
<div class="navigazione_sin">
Spiagge più vicine
Listino prezzi
Foto esterni
Foto interni
Piantina struttura
Piantine appartamenti
Posizione su mappa
Recensioni degli ospiti
Regolamento
(leggere attentamente)
Contatti e Prenotazioni
</div>
<div class="info">
<table>
<tbody>
<tr>
<th>Scialmarino</th>
<td>San Lorenzo</td>
</tr>
<tr class="odd">
<th>[img]images2/spiaggie/sanlorenzo.jpg[/img]</th>
<td>[img]images2/spiagge/scialmarino.jpg[/img]</td>
</tr>
</tbody>
</table>
</div>
<div style="clear:left"></div>
</div>
</div>
<div id="right">
Vito e Giulia
Luigi e Teresa
Gino e Maria
Rossella e Angela
Sante e Tea
Micaela e Giuseppe
Elda e Carlo
Piero e Lella
Nina e Gianni
Vincenzo e Michele
Antonio e Giulia
Case Paolo
Villette Matteo
Villetta Gianni e Feliciana
Carta sconti
Vieste e dintorni 2012
I nostri eventi
<span class="siti_partner">Siti partner:</span>
Into Gargano
Vieste Hospitality
</div>
<div style="clear:both"></div>
</div>
</body>
</html>
css:
codice:
body {
background: #333399;
text-align: center;
}
#main {
width: 1170px;
font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
color: #fff;
text-align:center;
background: #99CC00;
margin:0 auto;
}
#left {
width: 980px;
background: #CC0000;
float:left;
}
#right {
width: 180px;
float: right;
font-size:13px;
font-style:italic;
padding-top: 20px;
margin-top:20px;
background: #336600;
border: 2px solid silver;
line-height:28px;
}
/*id "testata" */
#testata {
width: 960px;
background: #336600;
margin:0 auto;
}
/*id "proprietari" */
#proprietari {
font-size: 20px;
line-height: 35px;
border-bottom: 5px solid silver;
}
#introduzione {
font-size: 14px;
margin: 0px 15px 3px 0px;
text-align: justify;
}
#introduzione img {
float: left;
margin: 0 10px;
}
p.indirizzo {
font-size: 14px;
line-height: 28px;
border-top: 2px solid silver;
background: #336600;
clear:left;
}
/*classe sez_sec */
div.sez_sec {
background: #99FF66;
width:960px;
margin:0 auto;
}
/*classe navigazione_sin */
div.navigazione_sin {
float: left;
width: 160px;
font-size: 13px;
font-style:italic;
line-height:28px;
background: #336600;
border:1px solid silver;
padding:10px 0;
}
/*classe info */
.info {
float:right;
width: 780px;
height: 349px;
background: #339900;
font-size: 13px;
text-align: justify;
overflow: auto;
}
/*classe tabella spiagge */
.info table, .info td, .info th {border:1px solid silver;border-collapse:collapse;text-align:center}
.info td, .info th{padding:3px 3px}
span.siti_partner {
font-size: 13px;
text-decoration: underline;
}
se il posizionamento assoluto ti serviva per centrare verticalmente nella pagina il div coi contenuti, sarà meglio usare un altro metodo, non fissando un'altezza (cosa che devi fare con i posizionamenti assoluti; se comunque volessi usare questi, considera che i margini negativi left e top dovranno essere la metà della larghezza e dell'altezza, ma sarà anche necessario indicare un'altezza e una larghezza minima del body (pari a quella del div), per evitare tagli dei contenuti
Rispondi quotando
