D4rkAng3l
02-02-2008, 12:16
Ciao,
se aprite questa pagina con Internet Explorer: http://www.siatec.net/andrea/archivio/andreamontepaone2/biografia.html
vi accorgerete che i contenuti sono più lunghi dell'altezza e che superata la fine della pagina il resto dei contenuti appaiono nascosti....con Firefox tale problema non si presenta...come mai?
Per favore mi aiutereste a risolvere tale problema? non ne vengo a capo :confused: :oVVoVe:
Il codice HTML è:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Andrea Montepaone</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="description goes here" />
<meta name="keywords" content="keywords,goes,here" />
<link rel="stylesheet" href="default.css" type="text/css" />
<!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css" /><![endif]-->
<script type="text/javascript">
var GB_ROOT_DIR = "http://www.siatec.net/andrea/archivio/andreamontepaone2/greybox/greybox/";
</script>
<script type="text/javascript" src="greybox/greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/greybox/gb_scripts.js"></script>
<link href="greybox/greybox/gb_styles.css" rel="stylesheet" type="text/css" />
<!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css" /><![endif]-->
<script type="text/javascript">
var GB_ROOT_DIR = "http://www.siatec.net/andrea/archivio/andreamontepaone2/greybox/greybox/";
</script>
<script type="text/javascript" src="greybox/greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/greybox/gb_scripts.js"></script>
<link href="greybox/greybox/gb_styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="sidebar">
<h1>Andrea Montepaone</h1>
<h2>Pianista e Compositore</h2>
<div id="menu">
<a class="active" href="index.html">Biografia</a>
<a href="#">Discografia</a>
<a href="#">Colonne Sonore</a>
<a href="#">Musiche di Scena</a>
<a href="#">Musica Sacra</a>
<a href="#">Rassegna Stampa</a>
<a href="#">Photogallery</a>
<a href="#">Prossimi Appuntamenti</a>
<a href="#">Contatti</a>
</div>
<h3>Citando Baricco:</h3>
<p>Ora tu pensa: un pianoforte. I tasti iniziano. I tasti finiscono. Tu sai che sono 88, su questo nessuno può fregarti. Non sono infiniti, loro. Tu, sei infinito, e dentro quei tasti, infinita è la musica che puoi fare. Loro sono 88. Tu sei infinito...</p>
</div>
<div id="content">
<div id="header"></div>
<h3>Biografia:</h3>
<a href="img/fotografie/02.jpg" rel="gb_imageset[nice_pics]" title="Andrea Montepaone"><img src="img/fotografie/02.jpg" class="left" height="115" width="99" alt="foto Andrea Montepaone" /></a>
<p>Andrea Montepaone nasce il 21 novembre 1978 a Roma, dove vive tuttora, e ben presto dimostra un’innata disposizione per la musica: inizia sugli undici anni a studiare pianoforte e armonia, con l’idea di diventare direttore d’orchestra, con il M° Marco Albrizio che guida i suoi primi passi nel mondo della musica classica. Poco più tardi si fa strada in lui anche una notevole passione per il cinema che lo spinge, continuando comunque gli studi musicali, ad interessarsi fortemente a questa disciplina: entra, infatti, nella giuria del Premio David Scuola dell’Ente David di Donatello e riceve nel 1998 il primo premio per la migliore analisi cinematografica dall’Associazione Generale Italiana dello Spettacolo collegata a tale ente.</p>
<p>Iscrittosi al corso di laurea in DAMS (Discipline delle Arti, della Musica e dello Spettacolo) della Facoltà di Lettere e Filosofia dell’Università di Roma Tre dove si laurea in filmologia con brillanti risultati nell’autunno 2002, egli trova finalmente la sua strada specializzandosi nella musica da film, unico genere che gli permette di coniugare i suoi interessi. Nel 1999 l’incontro con il M° Stelvio Cipriani, celebre autore di colonne sonore, conferma la sua vocazione per tale aspetto della musica e, sotto la guida di questo artista, intraprende un "perfezionamento di bottega" in pianoforte e composizione mediante il quale acquista, come esecutore, l’eleganza del suo tocco morbido ma anche preciso. <a href="img/fotografie/03.jpg" rel="gb_imageset[nice_pics]" title="Andrea Montepaone con il maestro Stelvio Cipriani"><img src="img/fotografie/03.jpg" class="right" height="100" width="140" alt="foto Andrea Montepaone con il maestro Stelvio Cipriani" /></a></p>
<p>Ciò lo porta alla scelta di diffondere la musica da film allo scopo di far conoscere e apprezzare un genere di musica per certi versi insolito nelle sale da concerto. Nasce perciò il progetto Note di cinema, un concerto delle più note e importanti colonne sonore della storia del cinema da lui stesso trascritte ed interpretate, che lo vede impegnato, spesso anche con la vocalist Veronica Surrentino, in diversi luoghi ed occasioni: dall’Estate Romana al Circolo Ufficiali di Piacenza, fino al Centro Assistenza Sociale e Cultura della Banca d’Italia, con positivi riscontri da parte del pubblico. Nel frattempo egli lavora ad alcune colonne sonore per cortometraggi pronto a fornire con notevole rapidità musiche a film di taglio più diverso, con esiti che dimostrano la sua solida preparazione musicale che spazia in tutti i generi, dal campo più leggero a quello d’impostazione più classica. Particolarmente dotato come pianista sotto il profilo dell’improvvisazione, privilegia comunque, pur spaziando in ogni tipo di forma musicale a seconda del film cui prende parte, l’utilizzo degli strumenti tradizionali e dell’orchestra su base ritmica, eventualmente elettronica.</p>
<a href="img/fotografie/2.jpg" rel="gb_imageset[nice_pics]" title="Andrea Montepaone"><img src="img/fotografie/2ico.jpg" class="left" height="100" width="140" alt="foto Andrea Montepaone" /></a>
<p> Fra le sue musiche da film troviamo Freeling di Michele Chiappi (per cui riceve nel 2002 una candidatura al premio per la migliore musica del festival L’invasione degli ultracorti di Roma) e, fra quelle di scena, La mandragola di Machiavelli andata in scena nel corso dell’Estate Romana ’99 con la regia di Pierluigi Boccardi. Le sue ultime colonne sonore sono state composte per un cortometraggio realizzato in coproduzione tra il DAMS di Roma Tre e la Scuola Nazionale di Cinema, S.S. 148 di Tommaso Valente, e per il documentario Eau de Tokyo di Alessandro Tiberio. Nel 2001 diventa allievo anche del noto M° Gian Piero Reverberi, compositore e direttore del gruppo Rondò Veneziano, per perfezionarsi principalmente nella tecnica dell’orchestrazione.</p>
<p>Parallelamente all’attività di autore di colonne sonore e di musiche di scena, Andrea Montepaone si è dedicato per diversi anni anche ad altri generi musicali. Nel campo della musica sacra, direttore di un coro polifonico di Roma per tre anni, ha composto per esso diversi brani riuniti nell’album Alla cena dell’Agnello edito dalla casa editrice Ares di Verona.</p>
<p> Il 13 aprile 2003 esce il suo primo disco di brani originali in studio di genere classico, Daniel della guerra, e inizia il suo sodalizio artistico con lo scrittore Massimo Simonini, autore dei testi che accompagnano l’album. L’opera diventa presto uno spettacolo di forte impatto emotivo per la sua poesia e il tema di grande attualità in un tour rivolto ad un pubblico raffinato e particolare.</p>
<p>Attualmente collabora presso il DAMS con il critico e regista Vito Zagarrio curando il rapporto cinema e musica e alterna l’attività a terra con quella di pianista di bordo sulle prestigiose navi da crociera delle compagnie MSC Crociere Italiane (MSC Monterey e MSC Opera) e Costa Crociere (Costa Victoria, e Costa Marina).</p>
</div>
</body>
</html>
Mentre il codice CSS è:
/**************** Page and tag styles ****************/
body
{margin:0; padding:0; color:#303030; background:#fafafa url(img/bodybg.gif) top left repeat-y; font:76% Verdana,Tahoma,sans-serif;}
ul
{list-style:circle; margin:15px 0 20px 0; font-size:0.9em;}
li
{margin:0 0 8px 25px;}
a
{color:#d85d5d; font-weight:bold; text-decoration:none;}
a:hover
{color:#505050; text-decoration:underline;}
img
{float:left; margin:0 15px 15px 0; padding:1px; background:#ffffff; border:1px solid #d0d0d0;}
a img
{border-color:#d0d0d0;}
a img:hover
{background:#d85d5d; border-color:#d85d5d;}
/**************** Sidebar area styles ****************/
#sidebar
{position:absolute; top:0; left:0; width:220px; overflow:auto; background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; text-align:right;}
body > #sidebar
{position:fixed;}
#sidebar h1
{margin:20px 18px 0 5px; color:#d85d5d; font-size:1.6em; letter-spacing:-2px; text-align:right;}
#sidebar h2, #sidebar h3
{margin:0 20px 18px 5px; color:#808080; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:right;}
#sidebar h3
{margin:20px 18px 4px 5px; color:#606060;}
#sidebar p
{margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}
#sidebar a
{color:#808080}
/**************** Navigation menu styles ****************/
#menu a
{display:block; width:202px; padding:5px 18px 5px 0; color:#606060; background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; font-size:1.8em; font-weight:normal; text-decoration:none; letter-spacing:-2px;}
#menu a:hover
{color:#303030; background:#f0f0f0 url(img/sidebarbg.gif) top right repeat-y;}
#menu a.active
{padding:5px 18px 5px 0; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}
#menu a.active:hover
{color:#505050; background:#fafafa;}
/**************** Content area styles ****************/
#content{
width: 520px;
margin: 0 0 0 240px;
padding: 20px 0;
background:#fafafa;
text-align: center;
}
#header{
margin: 0 auto;
width: 512px;
height: 200px;
background-image:url(img/piano.jpg);
border:3px solid #d0d0d0;
}
#content p{
margin: 0 0 20px 0;
line-height: 1.6em;
text-align: justify;
}
#content h1
{margin:0; color:#d85d5d; font-size:4em; letter-spacing:-5px; text-align:center;}
#content h2
{margin:0; color:#808080; font-weight:normal; font-size:2.5em; letter-spacing:-2px; text-align:center;}
#content h3
{clear:both; margin:30px 0 10px 0; color:#d85d5d; font-weight:normal; font-size: 2.1em; letter-spacing:-2px;}
.left {
margin: 10px 10px 5px 0;
float: left;
}
.right {
margin: 10px 0 5px 10px;
float: right;
}
/************************ Stile della galleria delle immagini ************************/
p.galleria_light{
line-height: 0px;
}
div#gal{
width: 450px;
margin: 0 auto;
padding: 0;
}
img.orizzontali{
width: 200px;
height: 150px;
}
img.verticali{
width: 129px;
height: 177px;
}
Grazie a tutti coloro che mi daranno una manina :)
Andrea
se aprite questa pagina con Internet Explorer: http://www.siatec.net/andrea/archivio/andreamontepaone2/biografia.html
vi accorgerete che i contenuti sono più lunghi dell'altezza e che superata la fine della pagina il resto dei contenuti appaiono nascosti....con Firefox tale problema non si presenta...come mai?
Per favore mi aiutereste a risolvere tale problema? non ne vengo a capo :confused: :oVVoVe:
Il codice HTML è:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Andrea Montepaone</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="description goes here" />
<meta name="keywords" content="keywords,goes,here" />
<link rel="stylesheet" href="default.css" type="text/css" />
<!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css" /><![endif]-->
<script type="text/javascript">
var GB_ROOT_DIR = "http://www.siatec.net/andrea/archivio/andreamontepaone2/greybox/greybox/";
</script>
<script type="text/javascript" src="greybox/greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/greybox/gb_scripts.js"></script>
<link href="greybox/greybox/gb_styles.css" rel="stylesheet" type="text/css" />
<!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css" /><![endif]-->
<script type="text/javascript">
var GB_ROOT_DIR = "http://www.siatec.net/andrea/archivio/andreamontepaone2/greybox/greybox/";
</script>
<script type="text/javascript" src="greybox/greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/greybox/gb_scripts.js"></script>
<link href="greybox/greybox/gb_styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="sidebar">
<h1>Andrea Montepaone</h1>
<h2>Pianista e Compositore</h2>
<div id="menu">
<a class="active" href="index.html">Biografia</a>
<a href="#">Discografia</a>
<a href="#">Colonne Sonore</a>
<a href="#">Musiche di Scena</a>
<a href="#">Musica Sacra</a>
<a href="#">Rassegna Stampa</a>
<a href="#">Photogallery</a>
<a href="#">Prossimi Appuntamenti</a>
<a href="#">Contatti</a>
</div>
<h3>Citando Baricco:</h3>
<p>Ora tu pensa: un pianoforte. I tasti iniziano. I tasti finiscono. Tu sai che sono 88, su questo nessuno può fregarti. Non sono infiniti, loro. Tu, sei infinito, e dentro quei tasti, infinita è la musica che puoi fare. Loro sono 88. Tu sei infinito...</p>
</div>
<div id="content">
<div id="header"></div>
<h3>Biografia:</h3>
<a href="img/fotografie/02.jpg" rel="gb_imageset[nice_pics]" title="Andrea Montepaone"><img src="img/fotografie/02.jpg" class="left" height="115" width="99" alt="foto Andrea Montepaone" /></a>
<p>Andrea Montepaone nasce il 21 novembre 1978 a Roma, dove vive tuttora, e ben presto dimostra un’innata disposizione per la musica: inizia sugli undici anni a studiare pianoforte e armonia, con l’idea di diventare direttore d’orchestra, con il M° Marco Albrizio che guida i suoi primi passi nel mondo della musica classica. Poco più tardi si fa strada in lui anche una notevole passione per il cinema che lo spinge, continuando comunque gli studi musicali, ad interessarsi fortemente a questa disciplina: entra, infatti, nella giuria del Premio David Scuola dell’Ente David di Donatello e riceve nel 1998 il primo premio per la migliore analisi cinematografica dall’Associazione Generale Italiana dello Spettacolo collegata a tale ente.</p>
<p>Iscrittosi al corso di laurea in DAMS (Discipline delle Arti, della Musica e dello Spettacolo) della Facoltà di Lettere e Filosofia dell’Università di Roma Tre dove si laurea in filmologia con brillanti risultati nell’autunno 2002, egli trova finalmente la sua strada specializzandosi nella musica da film, unico genere che gli permette di coniugare i suoi interessi. Nel 1999 l’incontro con il M° Stelvio Cipriani, celebre autore di colonne sonore, conferma la sua vocazione per tale aspetto della musica e, sotto la guida di questo artista, intraprende un "perfezionamento di bottega" in pianoforte e composizione mediante il quale acquista, come esecutore, l’eleganza del suo tocco morbido ma anche preciso. <a href="img/fotografie/03.jpg" rel="gb_imageset[nice_pics]" title="Andrea Montepaone con il maestro Stelvio Cipriani"><img src="img/fotografie/03.jpg" class="right" height="100" width="140" alt="foto Andrea Montepaone con il maestro Stelvio Cipriani" /></a></p>
<p>Ciò lo porta alla scelta di diffondere la musica da film allo scopo di far conoscere e apprezzare un genere di musica per certi versi insolito nelle sale da concerto. Nasce perciò il progetto Note di cinema, un concerto delle più note e importanti colonne sonore della storia del cinema da lui stesso trascritte ed interpretate, che lo vede impegnato, spesso anche con la vocalist Veronica Surrentino, in diversi luoghi ed occasioni: dall’Estate Romana al Circolo Ufficiali di Piacenza, fino al Centro Assistenza Sociale e Cultura della Banca d’Italia, con positivi riscontri da parte del pubblico. Nel frattempo egli lavora ad alcune colonne sonore per cortometraggi pronto a fornire con notevole rapidità musiche a film di taglio più diverso, con esiti che dimostrano la sua solida preparazione musicale che spazia in tutti i generi, dal campo più leggero a quello d’impostazione più classica. Particolarmente dotato come pianista sotto il profilo dell’improvvisazione, privilegia comunque, pur spaziando in ogni tipo di forma musicale a seconda del film cui prende parte, l’utilizzo degli strumenti tradizionali e dell’orchestra su base ritmica, eventualmente elettronica.</p>
<a href="img/fotografie/2.jpg" rel="gb_imageset[nice_pics]" title="Andrea Montepaone"><img src="img/fotografie/2ico.jpg" class="left" height="100" width="140" alt="foto Andrea Montepaone" /></a>
<p> Fra le sue musiche da film troviamo Freeling di Michele Chiappi (per cui riceve nel 2002 una candidatura al premio per la migliore musica del festival L’invasione degli ultracorti di Roma) e, fra quelle di scena, La mandragola di Machiavelli andata in scena nel corso dell’Estate Romana ’99 con la regia di Pierluigi Boccardi. Le sue ultime colonne sonore sono state composte per un cortometraggio realizzato in coproduzione tra il DAMS di Roma Tre e la Scuola Nazionale di Cinema, S.S. 148 di Tommaso Valente, e per il documentario Eau de Tokyo di Alessandro Tiberio. Nel 2001 diventa allievo anche del noto M° Gian Piero Reverberi, compositore e direttore del gruppo Rondò Veneziano, per perfezionarsi principalmente nella tecnica dell’orchestrazione.</p>
<p>Parallelamente all’attività di autore di colonne sonore e di musiche di scena, Andrea Montepaone si è dedicato per diversi anni anche ad altri generi musicali. Nel campo della musica sacra, direttore di un coro polifonico di Roma per tre anni, ha composto per esso diversi brani riuniti nell’album Alla cena dell’Agnello edito dalla casa editrice Ares di Verona.</p>
<p> Il 13 aprile 2003 esce il suo primo disco di brani originali in studio di genere classico, Daniel della guerra, e inizia il suo sodalizio artistico con lo scrittore Massimo Simonini, autore dei testi che accompagnano l’album. L’opera diventa presto uno spettacolo di forte impatto emotivo per la sua poesia e il tema di grande attualità in un tour rivolto ad un pubblico raffinato e particolare.</p>
<p>Attualmente collabora presso il DAMS con il critico e regista Vito Zagarrio curando il rapporto cinema e musica e alterna l’attività a terra con quella di pianista di bordo sulle prestigiose navi da crociera delle compagnie MSC Crociere Italiane (MSC Monterey e MSC Opera) e Costa Crociere (Costa Victoria, e Costa Marina).</p>
</div>
</body>
</html>
Mentre il codice CSS è:
/**************** Page and tag styles ****************/
body
{margin:0; padding:0; color:#303030; background:#fafafa url(img/bodybg.gif) top left repeat-y; font:76% Verdana,Tahoma,sans-serif;}
ul
{list-style:circle; margin:15px 0 20px 0; font-size:0.9em;}
li
{margin:0 0 8px 25px;}
a
{color:#d85d5d; font-weight:bold; text-decoration:none;}
a:hover
{color:#505050; text-decoration:underline;}
img
{float:left; margin:0 15px 15px 0; padding:1px; background:#ffffff; border:1px solid #d0d0d0;}
a img
{border-color:#d0d0d0;}
a img:hover
{background:#d85d5d; border-color:#d85d5d;}
/**************** Sidebar area styles ****************/
#sidebar
{position:absolute; top:0; left:0; width:220px; overflow:auto; background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; text-align:right;}
body > #sidebar
{position:fixed;}
#sidebar h1
{margin:20px 18px 0 5px; color:#d85d5d; font-size:1.6em; letter-spacing:-2px; text-align:right;}
#sidebar h2, #sidebar h3
{margin:0 20px 18px 5px; color:#808080; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:right;}
#sidebar h3
{margin:20px 18px 4px 5px; color:#606060;}
#sidebar p
{margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}
#sidebar a
{color:#808080}
/**************** Navigation menu styles ****************/
#menu a
{display:block; width:202px; padding:5px 18px 5px 0; color:#606060; background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; font-size:1.8em; font-weight:normal; text-decoration:none; letter-spacing:-2px;}
#menu a:hover
{color:#303030; background:#f0f0f0 url(img/sidebarbg.gif) top right repeat-y;}
#menu a.active
{padding:5px 18px 5px 0; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}
#menu a.active:hover
{color:#505050; background:#fafafa;}
/**************** Content area styles ****************/
#content{
width: 520px;
margin: 0 0 0 240px;
padding: 20px 0;
background:#fafafa;
text-align: center;
}
#header{
margin: 0 auto;
width: 512px;
height: 200px;
background-image:url(img/piano.jpg);
border:3px solid #d0d0d0;
}
#content p{
margin: 0 0 20px 0;
line-height: 1.6em;
text-align: justify;
}
#content h1
{margin:0; color:#d85d5d; font-size:4em; letter-spacing:-5px; text-align:center;}
#content h2
{margin:0; color:#808080; font-weight:normal; font-size:2.5em; letter-spacing:-2px; text-align:center;}
#content h3
{clear:both; margin:30px 0 10px 0; color:#d85d5d; font-weight:normal; font-size: 2.1em; letter-spacing:-2px;}
.left {
margin: 10px 10px 5px 0;
float: left;
}
.right {
margin: 10px 0 5px 10px;
float: right;
}
/************************ Stile della galleria delle immagini ************************/
p.galleria_light{
line-height: 0px;
}
div#gal{
width: 450px;
margin: 0 auto;
padding: 0;
}
img.orizzontali{
width: 200px;
height: 150px;
}
img.verticali{
width: 129px;
height: 177px;
}
Grazie a tutti coloro che mi daranno una manina :)
Andrea