[CSS] Problema lunghezza dei contenuti su Explorer

D4rkAng3l · 02-02-2008, 13:16

Ciao,
se aprite questa pagina con Internet Explorer: http://www.siatec.net/andrea/archivi...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

:oVVoVe:

Il codice HTML è:

Codice:

<!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 è:

Codice:

/**************** 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

isAlreadyInUse · 02-02-2008, 13:18

A me con IE6 si vede bene tu quale usi?

D4rkAng3l · 02-02-2008, 13:23

io ho la 7...ma riesci a leggere TUTTA la biografia? a me praticamente su IE7 dà che non dà la barra di scorrimento per scorrere in basso e quindi non fà leggere oltre la fine della pagina...
ma dico io...ma perchè Explorer non è mai compatibile con nulla? tutte le volte che faccio un sito: su firefox perfetto, opera perfetto...Explorer rompe sempre le balle

MasterDany · 02-02-2008, 15:00

Sempre IE anche a me faccio parchhi siti all'anno e succede molte volte sicuramente è un erore nei CSS che non ho guardato per problemi di tempo eppoi l'importante anche dalle norme del W3C che la pagina resti legibile!Apenna ho tempo gli do una guardata ok?!

MasterDany · 02-02-2008, 15:03

prova ad aggiungere questo nel CSS

Codice:

*{margin:0; padding:0; border:0;}

D4rkAng3l · 02-02-2008, 15:16

Quote:

Originariamente inviato da MasterDany

prova ad aggiungere questo nel CSS

Codice:

*{margin:0; padding:0; border:0;}

no non è cambiato...continua a dare quel problema

La cosa assurda di cui mi sono appena accorto è che se con IE7 cliccko sul tasto in basso per ingrandire e lo passo al 125% allora la barra di scroll verticale compare e posso vedere tutto il testo, se è impostato sul 100% no...ma com'è? basta impostare 101% e funziona perfettamente...avete qualche idea?

MasterDany · 02-02-2008, 15:24

molto strano cerco di vedere bene il CSS oppure fallo tu ti do qualche consiglio l'eroore secondo me sta nel CSS e che non ho molto tempo prova afare cosi analizzi ogli elemtno pezzo per pezz fai cosi apri il blocconote con il codice poi ne apri un nuovo copi e incolli un elemnto alla volta e sempre un elemnto alla volta li controlli ...In questo periodo sono un po' preso vedi di fare qualcosa ma non ti prometto niente..

D4rkAng3l · 02-02-2008, 15:30

risolto...sono un pirla io...c'era un'impostazione nel CSS per IE (che non avevo neanche postato

) dove avevo impostato l'overflow dell'html come hidden

maledetta distrazione...

Mi dite se ora come vi si vede con Explorer (anche versione precedenti alla 7 possibilmente) Altra domanda: con IE come si vede il menu? si vede bene o fa schifo?

http://www.siatec.net/andrea/archivi...biografia.html

Grazie
Andrea

MasterDany · 02-02-2008, 15:33

Sono contento a me la pagina si vede bene l'importante è che si leggibile!Brava mi stavo esaurendo a capire dove stava l'errore Ciao

D4rkAng3l · 02-02-2008, 15:39

eheheh scusa per lo scervellamento.
Cmq che te ne pare di come stà venendo esteticamente questo sito (è per un pianista), ti sembra abbastanza serio?

MasterDany · 02-02-2008, 15:53

Non tanto diciamo che non è eccezionale perchè hai insistito subito con j.s se vuoi ti do una mano via msn...

D4rkAng3l · 02-02-2008, 16:46

in che senso, che cos'è che non ti convince?

Grazie
Andrea

MasterDany · 02-02-2008, 19:50

hai usato troppo javascript uno che il javascript disattivato non vede niente quello che ti consiglio io è di soffermarti più sulla grafica ok?Per esempio creare un logo ho un heder bello se vuoi ti posso dare una mano , ok?

D4rkAng3l · 02-02-2008, 20:23

Quote:

Originariamente inviato da MasterDany

hai usato troppo javascript uno che il javascript disattivato non vede niente quello che ti consiglio io è di soffermarti più sulla grafica ok?Per esempio creare un logo ho un heder bello se vuoi ti posso dare una mano , ok?

il fatto è che mi avevano chiesto proprio una grafica minimale e l'uso del grey box in javascript me lo avevano richiesto.

Cmq grazie

02-02-2008, 13:18	#2
isAlreadyInUse Senior Member Iscritto dal: Sep 2007 Messaggi: 754	A me con IE6 si vede bene tu quale usi? __________________ http://www.tevigroup.it/

02-02-2008, 15:00	#4
MasterDany Senior Member Iscritto dal: Dec 2007 Messaggi: 505	Sempre IE anche a me faccio parchhi siti all'anno e succede molte volte sicuramente è un erore nei CSS che non ho guardato per problemi di tempo eppoi l'importante anche dalle norme del W3C che la pagina resti legibile!Apenna ho tempo gli do una guardata ok?! __________________ Giochi:Fallout 3,Civilitation IV,Call of Duty-World at War,Far Cry 2,Crysis,Age of Empires III. BLOG Non ricordo niente ma non lo dimenticherò mai

02-02-2008, 15:24	#7
MasterDany Senior Member Iscritto dal: Dec 2007 Messaggi: 505	molto strano cerco di vedere bene il CSS oppure fallo tu ti do qualche consiglio l'eroore secondo me sta nel CSS e che non ho molto tempo prova afare cosi analizzi ogli elemtno pezzo per pezz fai cosi apri il blocconote con il codice poi ne apri un nuovo copi e incolli un elemnto alla volta e sempre un elemnto alla volta li controlli ...In questo periodo sono un po' preso vedi di fare qualcosa ma non ti prometto niente.. __________________ Giochi:Fallout 3,Civilitation IV,Call of Duty-World at War,Far Cry 2,Crysis,Age of Empires III. BLOG Non ricordo niente ma non lo dimenticherò mai

02-02-2008, 15:33	#9
MasterDany Senior Member Iscritto dal: Dec 2007 Messaggi: 505	Sono contento a me la pagina si vede bene l'importante è che si leggibile!Brava mi stavo esaurendo a capire dove stava l'errore Ciao __________________ Giochi:Fallout 3,Civilitation IV,Call of Duty-World at War,Far Cry 2,Crysis,Age of Empires III. BLOG Non ricordo niente ma non lo dimenticherò mai

02-02-2008, 15:53	#11
MasterDany Senior Member Iscritto dal: Dec 2007 Messaggi: 505	Non tanto diciamo che non è eccezionale perchè hai insistito subito con j.s se vuoi ti do una mano via msn... __________________ Giochi:Fallout 3,Civilitation IV,Call of Duty-World at War,Far Cry 2,Crysis,Age of Empires III. BLOG Non ricordo niente ma non lo dimenticherò mai

02-02-2008, 13:23	#3
D4rkAng3l Bannato Iscritto dal: Mar 2004 Città: Roma Messaggi: 2682	io ho la 7...ma riesci a leggere TUTTA la biografia? a me praticamente su IE7 dà che non dà la barra di scorrimento per scorrere in basso e quindi non fà leggere oltre la fine della pagina... ma dico io...ma perchè Explorer non è mai compatibile con nulla? tutte le volte che faccio un sito: su firefox perfetto, opera perfetto...Explorer rompe sempre le balle

02-02-2008, 15:03	#5
MasterDany Senior Member Iscritto dal: Dec 2007 Messaggi: 505	prova ad aggiungere questo nel CSS Codice: {margin:0; padding:0; border:0;} __________________ Giochi:Fallout 3,Civilitation IV,Call of Duty-World at War,Far Cry 2,Crysis,Age of Empires III.* BLOG Non ricordo niente ma non lo dimenticherò mai

02-02-2008, 15:30	#8
D4rkAng3l Bannato Iscritto dal: Mar 2004 Città: Roma Messaggi: 2682	risolto...sono un pirla io...c'era un'impostazione nel CSS per IE (che non avevo neanche postato ) dove avevo impostato l'overflow dell'html come hidden maledetta distrazione... Mi dite se ora come vi si vede con Explorer (anche versione precedenti alla 7 possibilmente) Altra domanda: con IE come si vede il menu? si vede bene o fa schifo? http://www.siatec.net/andrea/archivi...biografia.html Grazie Andrea

02-02-2008, 15:39	#10
D4rkAng3l Bannato Iscritto dal: Mar 2004 Città: Roma Messaggi: 2682	eheheh scusa per lo scervellamento. Cmq che te ne pare di come stà venendo esteticamente questo sito (è per un pianista), ti sembra abbastanza serio?

02-02-2008, 16:46	#12
D4rkAng3l Bannato Iscritto dal: Mar 2004 Città: Roma Messaggi: 2682	in che senso, che cos'è che non ti convince? Grazie Andrea

02-02-2008, 19:50	#13
MasterDany Senior Member Iscritto dal: Dec 2007 Messaggi: 505	hai usato troppo javascript uno che il javascript disattivato non vede niente quello che ti consiglio io è di soffermarti più sulla grafica ok?Per esempio creare un logo ho un heder bello se vuoi ti posso dare una mano , ok? __________________ Giochi:Fallout 3,Civilitation IV,Call of Duty-World at War,Far Cry 2,Crysis,Age of Empires III. BLOG Non ricordo niente ma non lo dimenticherò mai

Strumenti
Mostra una versione stampabile Invia questa pagina per email