codice:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="../styles/default.css" />
<link rel="stylesheet" type="text/css" href="../styles/style_labarca_ie.css" />
<title>Cavamare || Homepage || Escursioni in barca</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
</head>
<body>
<div id="header">
<ul id="menu">
[*]home
[*]dove siamo
[*]escursioni
[*]contatti
[/list]
www.cavamare.it
</div>
<div id="allineamento"></div>
<div id="contenuto_ombre">
<div id="contenuto">
<h1 id="titolo">la barca</h1>
<div id="allineamento"></div>
<div id="foto_avior">
"Fabrizio con la sua fedelissima Arvor 215 vi da l’ opportunità di effettuare escursioni
PERSONALIZZATE lungo le coste del parco geominerario del sulcis Iglesiente.” </p>
<div id="allineamento"></div>
</div>
<p id="info_havior">
La fedelissima arvor 215 equipaggiata da Fabrizio comprende WC chimico, una ghiacciaia COLEMAN (per bevande e cibi), ampia tendina per proteggersi dalle giornate di caldo e vasca del vivo per una comoda attività di pesca; può ospitare un massimo di 5 passeggeri comoda per trascorrere una giornata in pieno RELAX con la famiglia o con amici lungo le nostre coste.
</p>
<table>
<tr><td><h1>Principali caratteristiche</h1></td></tr>
<tr class="dispari"><td width="460px">Lunghezza fuori tutto</td><td width="80px">6,88 m</td></tr>
<tr class="pari"><td>Lunghezza scafo</td><td>6,36 m</td></tr>
<tr class="dispari"><td>Larghezza</td><td>2,54 m</td></tr>
<tr class="pari"><td>Pescaggio</td><td>0,75 m</td></tr>
<tr class="dispari"><td>Peso della barca (con la motorizzazione più pesante)</td><td>1600 kg</td></tr>
<tr class="pari"><td>Serbatoio carburante (litri)</td><td>90</td></tr>
<tr class="dispari"><td>Potenza massima (HP/KW)</td><td>100/75</td></tr>
<tr class="pari"><td>Capienza massima persone</td><td>6</td></tr>
<tr class="dispari"><td>Categoria CE</td><td>"C"</td></tr>
</table>
<div id="allineamento"></div>
<div class="info_meteo">
<h1>per monitorare le previsioni climatiche giorno per giorno clicca qui</h1>
</div>
<p id="info_havior1">
Queste imbarcazioni semiplananti sono dotate di profili in acciaio inox a protezione della chiglia, e di uno scudo aggiuntivo a salvaguardia dell’elica. Per il vostro comfort e sicurezza tutte le imbarcazioni Arvor sono equipaggiate con: - Tubo asse elica rivestito con resina epossidica, piu’ rubusto, completamente incassato nella pinna, per una maggior salvaguardia dell’elica. - Barra in acciaio inox che collega la parte inferiore della protezione elica a quella del timone. Questo evita l’eventuale l’incagliamento di reti e cime nel timone.
</p>
</div>
</div>
<div id="allineamento"></div>
<div id="footer">
<div id="testo_footer">
CAVAMARE Tutti i diritti Riservati | Valid XHTML / CSS | Mappa del sito Webmaster GRAPHICDESIGN www.gidiweb.com</p>
</div>
</div>
</body>
</html>
e questo è il css delle delle due pagine del foglio di stile:
codice:
@charset "iso-8859-1";
/* CSS Document */
/*CSS RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background:transparent;}
html{
margin:0;
padding:0;
width:100%;}
body{
margin:0;
padding:0;
width:100%;
background:url(/img/sfondo.jpg) repeat-x top;}
#allineamento{
margin:0;
padding:0;
clear:both;}
#barca_sfondo{
width:100%;
height:287px;
position:absolute;
top:212px;
z-index:-1;}
#header{
margin:0 auto;
padding:0;
width:960px;
height:170px;}
#header #logo{
width:218px;
height:146px;
margin:0 0 0 34px;
padding:0;
display:block;}
#header #link_home{
margin:0 0 0 60px;
padding:0;
text-decoration:none;
font-family:Arial;
font-size:1.06em;
color:#10477E;
letter-spacing:1px;
float:left;}
#header #menu{
float:right;
padding:0;
margin:0;
height:25px;}
#header #menu li{
display:inline;
height:25px;
margin:0 10px;
padding:0;}
#header #menu li a{
margin:0;
padding:0 0 7px 0;
font-family:Arial;
font-size:0.94em;
color:#13497E;
font-weight:none;
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;}
#header #menu li a:hover{
color:#13497E;
letter-spacing:1px;
background:url(/img/menu_hover.png) no-repeat bottom center;}
#header #menu li #activelink{
color:#13497E;
letter-spacing:1px;
background:url(/img/menu_hover.png) no-repeat bottom center;}
#footer{
width:100%;
height:76px;
padding:0;
margin:50px 0 0 0;
background:url(/img/sfondo_footer.png) repeat-x;}
#footer #testo_footer{
width:960px;
margin:0 auto 0 auto;
padding:20px 0 0 0;}
#footer #testo_footer p{
margin:0 0 0 10px;
padding:0;
font-family:Arial;
font-size:0.75em;
color:#FFF;}
/* CSS Document */
/*Stili per div contenitore ombre e contenuto centrale*/
#contenuto_ombre{
margin:22px auto 0 auto;
padding:0;
width:1020px;}
#contenuto_ombre .ombra_sinistra{
margin:326px 0 0 0;
width:30px;
height:70px;
padding:0;
float:left;
display:inline;}
#contenuto_ombre .ombra{
margin:326px 0 0 0;
width:30px;
height:70px;
padding:0;
float:right;}
/*Fine Stili per div contenitore ombre e contenuto centrale*/
/*Stili per contenuto centrale*/
#contenuto_ombre #contenuto{
margin:0 auto 0 auto;
width:960px;
display:block;
padding:0;
background:url(/img/sfondo_tondo.png) top no-repeat #FFF;}
/*Fine Stili per contenuto centrale*/
/*Stili per logo piccolo e titolo barca*/
#contenuto_ombre #contenuto #logo_piccolo{
margin:30px 0 0 10px;
padding:0;
display:inline;
width:34px;
height:40px;
float:left;}
#contenuto_ombre #contenuto #titolo{
margin:40px 0 0 5px;
padding:0;
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#0666A3;
text-transform:uppercase;
display:inline;
float:left;}
/*Fine Stili per logo piccolo e titolo barca*/
/*Stili per div foto avior*/
#contenuto_ombre #contenuto #foto_avior{
margin:0 10px 0 10px;
padding:0 0 20px 0;
width:940px;
display:block;
background:url(/img/sfondo_testo_home.png) repeat-x top;
border-top:solid 1px #99B3CC;
border-bottom:solid 1px #99B3CC;}
#contenuto_ombre #contenuto #foto_avior p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.25em;
color:#0C8DD2;
margin:20px 0 0 45px;
padding:0;
float:left;
display:inline;
letter-spacing:1px;
line-height:30px;}
#contenuto_ombre #contenuto #foto_avior p strong{
color:#134679;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:1.25em;}
#contenuto_ombre #contenuto #foto_avior img{
margin:20px 10px 0 10px;
padding:0;
width:300px;
height:154px;
display:inline;
float:left;}
#contenuto_ombre #contenuto #foto_avior .primo{
margin:20px 10px 0 0;}
#contenuto_ombre #contenuto #foto_avior .ultimo{
margin:20px 0 0 10px;}
/*Fine Stili per div foto avior*/
/*Stili per info_havior*/
#contenuto_ombre #contenuto #info_havior{
margin:60px 0 0 10px;
padding:0;
width:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.81em;
color:#333;
letter-spacing:1px;
line-height:20px;
float:left;
display:inline;}
#contenuto_ombre #contenuto table{
margin:40px 10px 0 0;
padding:0;
width:540px;
float:right;
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:0.81em;
color:#0666A3;
border:none;}
#contenuto_ombre #contenuto table .dispari{
background:#DDEEFE;
border:none;
margin:0;
padding:0;}
#contenuto_ombre #contenuto table .pari{
background:#FFFFFF;
margin:0;
padding:0;
border:none;}
#contenuto_ombre #contenuto table td{
padding:2px;}
#contenuto_ombre #contenuto table h1{
color:#333333;
font-size:0.94em;
font-family:Arial, Helvetica, sans-serif;}
#contenuto_ombre #contenuto #info_havior1{
margin:30px 10px 0 0;
padding:0;
width:540px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.81em;
color:#333;
letter-spacing:1px;
line-height:20px;
float:right;
display:inline;}
/*Fine Stili per info_havior*/
/*Stili per div meteo*/
#contenuto_ombre #contenuto .info_meteo{
margin:30px 10px 0 10px;
padding:0;
width:300px;
height:125px;
float:left;
display:inline;
background:url(/img/sfondo_info_home.png) repeat-x;}
#contenuto_ombre #contenuto .info_meteo h1{
margin:15px 10px 10px 10px;
padding:0;
font-family:Arial;
font-size:0.94em;
color:#13477E;
font-weight:normal;}
#contenuto_ombre #contenuto .info_meteo p{
margin:0 10px 0 10px;
padding:0;
font-family:Arial;
font-size:1.69em;
color:#0668A3;}
#contenuto_ombre #contenuto .info_meteo a{
margin:0 10px 0 10px;
padding:0;}
/*Stili per div a fine pagina con contatti e meteo*/
Vorrei farvi notare che su ie6 il problema non si presenta e che il clear funziona come dovrebbe, se è un problema di interpretazione di ie6 magari potrei sfruttarlo per modificare il codice, avete qualche consiglio da darmi?
Rispondi quotando
