Ciao a tutti,
ho un problema che da neofita non riesco a risolvere.
Ho fatto una pagina che dovrebbe essere sempre richiamata in quanto contiene parti comuni a tutte le altre.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Enoteca ViNello, vendita vini sfusi e in bottiglia, olio extravergine e prodotti tipici</title>
<meta name="Description" content="ViNello srl distribuzione e vendita all'ingrosso e al dettaglio, vini sfusi ed in bottiglia, olio d'oliva e prodotti tipici." />
<meta name="Keywords" content="distribuzione, distributore, vendita, venditore, vino, vini, sfuso, sfusi, bottiglia, ingrosso, dettaglio, raboso, refosco, cabernet, pinot grigio, chardonnay, verduzzo dorato, prosecco, prodotto, prodotti, tipici, tipico, olio, extravergine, oliva." />
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7.0000]>
<link rel="stylesheet" href="style2.css" type="text/css" media="screen" />
<![endif]-->
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="contenitore">
<div id="intestazione">
<div id="logo">[img]img/fiascointestazione.gif[/img]</div>
</div>
<div id="involucro">
<div id="contenuto">
</div>
</div>
<div id="navigazione">
<div id="negozio">Negozio</div>
<div id="dovesiamo">Dove siamo</div>
<div id="vino">Vino</div>
<div id="olio">Olio</div>
<div id="contatti">Contatti</div>
<div id="gallery">Gallery</div>
</div>
<div id="extra">
<div id="facebook">
<a href="http://www.facebook.com/pages/ViNello/195609943818114" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="ViNello">
</a>
</div>
</div>
<div id="base">
<div id="entra">SITO IN COSTRUZIONE
</div>
<div id="pede">Enoteca ViNello - Via Trezzo, 10 - 30174 Mestre Carpenedo - Italia - Telefono: +39 041611122 - Email: vinello.srl@gmail.com
</div>
</div>
</div>
</body>
</html>
In seguito ho creato la prima pagina che dovrebbe includere la prima ma con un contenuto diverso.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Enoteca ViNello, vendita vini sfusi e in bottiglia, olio extravergine e prodotti tipici</title>
<meta name="Description" content="ViNello srl distribuzione e vendita all'ingrosso e al dettaglio, vini sfusi ed in bottiglia, olio d'oliva e prodotti tipici." />
<meta name="Keywords" content="distribuzione, distributore, vendita, venditore, vino, vini, sfuso, sfusi, bottiglia, ingrosso, dettaglio, raboso, refosco, cabernet, pinot grigio, chardonnay, verduzzo dorato, prosecco, prodotto, prodotti, tipici, tipico, olio, extravergine, oliva." />
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7.0000]>
<link rel="stylesheet" href="style2.css" type="text/css" media="screen" />
<![endif]-->
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<?php
require "index0.php";
?>
<div id="contenuto2">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="695" height="450" title="Vino e poesia (aforismi)">
<param name="movie" value="IMG/vinelloflash.swf" />
<param name="quality" value="high" />
<embed src="IMG/vinelloflash.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="695" height="450"></embed>
</object>
</div>
</body>
</html>
Il mio problema è che quando le provo la pagina non si sovrappone.
Praticamente vedo la prima pagina richiamata e dopo la secondo con il contenuto ma non sono sovrapposte.
/* CSS Document */
body {
margin:10px;
padding:0px;
background-color: #000000;
}
#contenitore {
background-color: #FFFFFF;
font-family: "Bradley Hand ITC";
margin: 0 auto;
width: 995px;
}
#involucro {
float:left;
width:100%;
}
#navigazione {
width: 150px;
float: left;
margin-left: -150px;
background-color: #FF6600;
height: 450px;
}
#intestazione {
background-color: #FFFF00;
}
#extra {
width: 150px;
float: left;
margin-left: -995px;
background-color: #FFFF00;
height: 450px;
}
#contenuto {
margin:0 150px;
height: 450px;
}
#base {
clear: left;
width: 100%;
background-color: #FF6600;
}
#logo {
text-align: center;
}
#entra {
font-size: 36px;
font-weight: bolder;
text-align: center;
}
a:link {
color: #FF0000;
}
a:visited {
color: #FF0000;
}
a:hover {
color: #00FF00;
}
a:active {
color: #FF0000;
}
#noborder {
border: none;
}
#facebook {
margin-left: 25px;
margin-top: 10px;
}
#negozio {
font-weight: bolder;
font-size: 24px;
margin-left: 15px;
margin-top: 20px;
}
#dovesiamo {
font-weight: bolder;
font-size: 24px;
margin-left: 15px;
margin-top: 20px;
}
#vino {
font-weight: bolder;
font-size: 24px;
margin-left: 15px;
margin-top: 20px;
}
#olio {
font-weight: bolder;
font-size: 24px;
margin-left: 15px;
margin-top: 20px;
}
#contatti {
font-weight: bolder;
font-size: 24px;
margin-left: 15px;
margin-top: 20px;
}
#gallery {
font-weight: bolder;
font-size: 24px;
margin-left: 15px;
margin-top: 20px;
}
#contenuto2 {
height: 450px;
margin: 0 150px;
}
#pede {
font-weight: bolder;
margin-left: 5px;
}